时间戳

首页 > 解决方案 > Todo 应用示例：控制台未显示错误但应用无法运行

redux - Todo 应用示例：控制台未显示错误但应用无法运行

问题描述

git repo 链接：https ://github.com/todonoshow

我怀疑这个问题与减速器和容器之间的连接有关。在目录：src/containers/TodoList.js 中，我调用了：

mapStateToProps = state => ({ state: state.todos })

和

export default connect(mapStateToProps)(TodoList)

但我不确定这是否是将 todos 减速器返回到容器的正确方法。

应用程序的行为：显示布局，但在填写输入字段后单击“添加待办事项”时没有任何反应。

预期行为：来自输入字段的输入显示为无序列表的列表项部分。

标签： reduxreact-redux

解决方案

你<button>必须<form>像孩子一样包裹在里面，否则onSubmit甚至不会被调用。

<form ...>
  <button ... />
</form>

在 React 中不鼓励ps 使用ref和直接 DOM 操作。

推荐阅读