2回答

• 

  yuanbingbing

  2018-07-21 21:24:41

  参考我的github todolist 项目https://github.com/HSBC-ICE/Mobx

  

  

  
  

  0 0
• 

  yuanbingbing

  2018-07-21 21:17:48

  import todoStore from './TodoStore'

  import  XXXX . from xxxx;

  export {

  todoStore,

  xxxxx

  }

  通过上边的方式导出多个store

  
  

  import * as stores from './stores';

  import App from './views/App/index.jsx';

  ReactDOM.render(

  <Provider {...stores}>

  <App/>

  </Provider>,

  document.querySelector('#root')

  );

  然后将所有的store一起注入 App组件。

  @inject('todoStore')

  @inject('xxxStore')

  @observer

  class App extends React.Component{

      constructor(props){

          super(props);

          this.state = {};

          this.store = this.props.todoStore;

      }

      render(){

          return  <div className = 'todo-list'>

          <TodoHeader store = {this.store} />

          <div className = 'todo-list-view'>

          <ul>

          <TodoView todos = {this.store.todos}/>

          </ul>

          </div>

          <TodoFooter store = {this.store}/>

          </div>

      }

  }

  这样就可以将App作为入口，获取所有的store,在App的任何子组件中也可以任意获取。

  2 0

  别秋景

  大佬 Provider 这个组件有啥用呀

  2018-08-26 23:12:23

  共 2 条回复 >