React-native + mobx, как должен выглядеть Index.js

Question

Я пытаюсь интегрировать Mobx (я новичок в Mobx, если честно) в мой существующий реактивный проект, и у меня есть один большой вопрос: как должен выглядеть индексный файл?

мой теперь выглядиткак это:

Index.js:

import { AppRegistry } from 'react-native';
import App from './../App/App';

AppRegistry.registerComponent('AppName', () => App);

, но некоторые учебники говорили мне, что это должно выглядеть так:

Index.js:

 {a bunch of imports here...}
 ReactDOM.render(
   <Provider store={store}>
     <App />
   </Provider>,
  document.getElementById('root')
);

но у меня не работает второй.

поэтому мой вопрос: как должен выглядеть index.js?

Answer 1

AppRegistry.registerComponent принимает функцию, которая возвращает компонент, поэтому она должна работать, если у вас этот компонент отрисовывает провайдера.

const Root = () => (
  <Provider {...stores}>
    <App />
  </Provider>
)

AppRegistry.registerComponent('AppName', () => Root)