在ReactJs中通过一次onClick调用多个功能

问题描述

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

我的按钮已经调用onClick函数,但是我想在我的“保存”按钮中添加saveInfo

我刚刚注意到,单击“保存”后,唯一保留的字段是First Name,您能向我解释原因吗?

解决方法

我对此进行了调整,以使其正常工作。

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

我提取了所有其他代码,因此调试起来更容易,这就是为什么您在原始示例中看不到某些代码的原因。

简而言之,问题在于您在保存不正确时呈现了一个空的<input>

如果要发送saveInfo,只需将每个输入的值(当保存的不是true时)设置为saveInfo的值。

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