通過mobx-react的Provider注入store,store里面對應的對象都是空對象,這個問題該怎么來解決?
下面這張圖是我借助google開發工具查看得到,里面都是都是Empty Object,導致我調用方法失敗,老師有時間幫忙看一下,我是哪個環節出問題了? 謝謝
2 回答
舉報
0/150
提交
取消
下面這張圖是我借助google開發工具查看得到,里面都是都是Empty Object,導致我調用方法失敗,老師有時間幫忙看一下,我是哪個環節出問題了? 謝謝
2018-07-16
舉報
2018-07-21
參考我的github todolist 項目https://github.com/HSBC-ICE/Mobx
2018-07-21
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的任何子組件中也可以任意獲取。