Todo App示例：控制台没有显示错误，但应用程序无法正常工作

Question

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

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

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

和

export default connect(mapStateToProps)(TodoList)

但我不确定这是否是传递todos reducer返回容器的正确方法。

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

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

Answer 1

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

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

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