将“类”转换为“反应钩子”答案

【问题标题】：Converting "class" into "react hooks"将“类”转换为“反应钩子”
【发布时间】：2019-04-30 09:09:29
【问题描述】：

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

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

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

问题出在这一行：

form onSubmit={this.handleSubmit}

如何使用 react-hooks 修复它？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

你正在调用一个父函数中不存在的函数，请找到下面的沙箱，如有疑问请随时提出

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

【讨论】：