将"class"转换为"react hooks"

Question

我正在尝试从"类组件"转换为"反应钩子">

以下是"类组件"的代码： https://codesandbox.io/embed/p2lrxrx30这是有效的，但是当我们单击"提交按钮"时，会出现警报。

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

问题出在这一行：

form onSubmit={this.handleSubmit}

我如何使用反应钩子修复它？

Answer 1

您的句柄提交函数不再存在。 将代码更改为：

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

Answer 2

您正在调用父函数中不存在的函数，请在下面找到沙盒，如果有的话，请随时提出疑问

PS：还添加了使用钩子更改文本输入的句柄

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