在React中显示更新状态

Question

我正在React中列出一个待办事项。这些项目以应用程序的状态存储在一个对象中。当用户选中该框时，我可以更新状态，但不能显示更新后的状态。我知道对状态的更改并不总是立即更新组件，因此我尝试将render()函数作为对setState()函数的回调，但是我收到一条错误消息，说{{1} }。我也尝试添加Invalid argument passed as callback. Expected a function. Instead received: [object Object]函数，但是使用该方法没有成功，因为我不知道它是如何触发的。如何更新状态，然后立即在页面上显示更新的状态？

到目前为止，我拥有的此功能是在选中/取消选中复选框时触发的。

componentDidUpdate()

Answer 1

语法this.setState({todos})等同于编写this.setState({todos: todos})。因此，您没有更新this.state.content，我怀疑这是您要执行的操作。因此，请尝试this.setState({content: todos})。

编辑：我强烈建议您安装并使用Chrome React developer tools。它将作为控制台，检查器等旁边的选项卡显示在您的开发托盘中。对于调试和可视化组件中发生的事情非常有用。