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

尝试更新时,第三方组件将状态重置为初始值

如何解决尝试更新时,第三方组件将状态重置为初始值

我使用 useState() 将一组值存储在 App.jsx 中。我通过该数组映射为每个孩子创建一个 mathquill 框。每个 mathquill 框都传递一个元素和一个修改该元素的函数。状态更新正常,直到您尝试更新第二个框 - 然后状态将重置为认值。这个问题存在于多个第三方库中,但对于简单的 html input 元素不存在。

示例:https://codesandbox.io/s/flamboyant-sun-drdfg

解决方法

使用 setValue() 函数的前一个 value 参数修复了该问题。 https://codesandbox.io/s/unruffled-engelbart-rxsld?file=/src/App.js

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