在 React Js 中使用单个 onClick 调用多个函数

Question

这是我的个人资料设置页面：Code

我的按钮已经调用了 onClick 功能，但我想将 saveInfo 添加到我的“保存”按钮。

我刚刚注意到，在点击“保存”后，唯一保留保存的字段是 First Name，你能解释一下为什么吗？

Answer 1

我调整了您的代码以使其正常工作。

这是更新后的沙盒 https://codesandbox.io/s/charming-kapitsa-kznoi?file=/src/UserInfo.js

我提取了您所有的附加代码，以便我更容易调试，这就是为什么您看不到原始示例中的某些代码的原因。

很简单，问题是您在保存时渲染了一个空的 <input> 是不正确的。

如果您想发送您的 saveInfo，只需将每个输入的值（当保存不正确时）设置为您的 saveInfo 的值。

我在里面留下了评论以帮助理解。