微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决在ReactJs中通过一次onClick调用多个功能

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

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

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

解决方法

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

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

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

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。