当我使用mobx与react-router这里是一个警告

Question

警告：提供者：不建议将道具直接分配给州，因为道具的更新不会反映在状态中。在大多数情况下，最好直接使用道具。

这是router.js

const router = () => {
return (
        <Provider {...stores}>
            <Router>
                <div>
                    <Route exact path="/" component={Home} />
                </div>
            </Router>
        </Provider>
  )
}

export default router;

Home.js

class Home extends Component {

  componentDidMount() {
  }

  render () {
     return (
        <div>
            <TodoList />
        </div>
     )
   }
 }

 export default Home

TodoList.js

@inject('todoStore')
@observer
class TodoList extends Component {
    componentDidMount() {
        console.log(this.props)
    }
    render () {
        const name = this.props.todoStore;
        return (
            <div>
                <span>{name}</span>
            </div>
        )
    }
}

export default TodoList;

这是代码

Answer 1

这是来自React 16.5.0的抱怨。看起来这是mobx-react需要解决的问题。在这里你可以阅读更多关于：https://github.com/mobxjs/mobx-react/issues/545

Answer 2

如下所示分配您的道具，并在需要时调用它们

render () {
    const { todoStore } = this.props;
    return (
        <div>
            <span>{todoStore}</span>
        </div>
    )
 }