将“类”转换为“反应钩”

Question

我需要帮助。我正试图从“类组件”转换为“反应钩子”

这是“类组件”的代码：https://codesandbox.io/embed/p2lrxrx30哪个有效，但当我们点击“提交按钮”时会出现一个警告。

这是我试图转换为“反应钩子”的代码： https://codesandbox.io/s/01r7m6k94w?fontsize=14

问题出在这一行：

form onSubmit={this.handleSubmit}

我可以使用react-hooks修复它。

谢谢您的帮助：）

Answer 1

您的handleSubmit函数不再存在。将您的代码更改为：

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

Answer 2

你正在调用父函数中不存在的函数，请找到下面的沙箱，请随时询问是否有疑问

PS：还使用钩子为文本输入添加了onChange句柄