待办事项应用示例：控制台未显示错误，但应用不起作用

Question

链接到 git 存储库：https://github.com/todonoshow

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

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

和

export default connect(mapStateToProps)(TodoList)

但我不确定这是否是将待办事项缩减器返回的内容传递给容器的正确方法。

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

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

Answer 1

您的<button>必须作为子<form>包裹在中，否则onSubmit甚至不会被调用。

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

附言：在 React 中使用ref和直接的 DOM 操作是不鼓励的。