React-native + mobx Index.js的外观

Question

我试图将Mobx（老实说，我是Mobx的新手）集成到我现有的react-native项目中，我有一个大问题是索引文件应该是什么样？

我的现在看起来像这样：

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接受一个函数，该函数返回一个组件，因此，如果让该组件呈现Provider，它应该可以工作。

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

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