превращая «класс» в «реагирующие крючки»

Question

Мне нужна помощь.Я пытаюсь преобразовать из "компонента класса" в "реакцию хуков"

вот код для "компонента класса": https://codesandbox.io/embed/p2lrxrx30, который работает, но когда мы нажимаем "кнопку отправки", появляется предупреждение

вот код, который я пытаюсь преобразовать в "реакцию хуков":
https://codesandbox.io/s/01r7m6k94w?fontsize=14

проблема в этой строке:

form onSubmit={this.handleSubmit}

Я мог бы исправить это, используя реакционные крючки.

спасибо за помощь:)

Answer 1

Ваша функция handleSubmit больше не существует.измените свой код на:

    <form onSubmit={doSubmit}>
    ...
    </form>

Answer 2

Вы вызываете функцию, которая не существует в родительской функции. Пожалуйста, найдите песочницу ниже. Пожалуйста, не стесняйтесь задавать вопросы, если таковые имеются

PS: также добавлены дескрипторы onChange для ввода текста с использованием хуков

https://codesandbox.io/s/pwpvj0l8z7?fontsize=14