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

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

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