将"class“转换为"react hooks”

Question

我正在尝试将"class component“转换为"react hooks”

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

下面是我想要转换成"react hooks“的代码：

https://codesandbox.io/s/01r7m6k94w?fontsize=14

问题出在下面这一行：

form onSubmit={this.handleSubmit}

我如何使用react-hooks修复它呢？

Answer 1

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

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

Answer 2

您正在调用的函数在父函数中不存在，请查找下面的沙箱，如果有，请随时询问

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

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