Как получить доступ к экземпляру f7 при использовании React

Question

Я использую 3.0.0-бета.15 из framework7-реагировать. При использовании ванильной версии framework7 вы создаете новый экземпляр, подобный этому.

var app = new Framework7({}); Я не могу понять, как получить доступ к созданному экземпляру (приложению) в реакции.

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

В 1-й версии framework7-реагировать вы можете передать реквизит "onFramework7Init"

Answer 1

Похоже, вы можете использовать this.$f7 внутри любого вашего компонента, и он будет ссылаться на экземпляр Framework 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' });
    }
}