Пример приложения Todo: Консоль не показывает ошибки, но приложение не работает

Question

Ссылка на git репо: https://github.com/todonoshow

Я подозреваю, что проблема связана с соединением между редуктором и контейнером. В dir: src / container / TodoList.js я звонил:

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

и

export default connect(mapStateToProps)(TodoList)

Но я не уверен, что это правильный путь для передачи того, что редуктор todos возвращает в контейнер.

Поведение приложения: макет отображается, но ничего не происходит, когда я нажимаю «Добавить Todo» после заполнения поля ввода.

Ожидаемое поведение: ввод из поля ввода для отображения в качестве элемента списка в неупорядоченном списке.

Answer 1

Ваш <button> должен быть заключен в <form> как дети, иначе onSubmit даже не будет вызван.

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

p.s. использование ref и прямое манипулирование DOM не рекомендуется в React.