reactjs - 使用 React 时如何访问 f7 实例

Question

我正在使用 framework7-react 的 3.0.0-beta.15。当使用 framework7 的 vanilla 版本时，您会像这样创建一个新实例。

var app = new Framework7({}); 我无法弄清楚如何在反应中访问创建的实例（应用程序）。

import {App} from 'framework7-react'; <App params={{ theme, routes }} ref={f7 => window.f7 = f7}

在 framework7-react 的版本 1 中，您可以传递“onFramework7Init”道具

标签： reactjshtml-framework-7

Answer 1

这就是我全局获取 f7 实例的方式：

import Framework7 from 'framework7/framework7.esm.bundle';

export default class UIService {
     public static showToast(options: ToastOptions) {

     // @ts-ignore
     const f7: Framework7 = Framework7.instance;
     f7.toast.show({ text: options.content, position: 'center' });
    }
}