使用 React 时如何访问 f7 实例

Question

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

var app = new Framework7({}); 我不知道如何在反应中访问创建的实例（应用程序）。

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

在 framework7-react 的版本 1 中，您可以传递 "onFramework7Init" prop

Answer 1

看起来您可以在任何组件中使用 this.$f7，它将引用框架 7 实例。

Answer 2

您也可以这样访问实例：

import Framework7 from 'framework7/components/app/app-class'; //auto-import
...
const router = Framework7.instance.views.main.router; //.instance not in .d.ts

Answer 3

这是我在全局范围内获取 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' });
    }
}

使用 React 时如何访问 f7 实例

How to I get access to the f7 instance when using React

reactjs

html-framework-7