首页 > 解决方案 > React / React-Native 在哪里存储带有钩子的动态引用

问题描述

我的应用程序有很多动态输入,您可以增加、删除和编辑它们,问题是在杀死应用程序之前我必须存储当前表单状态,无法清除值。

从 redux 状态映射 func 组件内部的值会减慢渲染速度,因为每次渲染、refs 都会再次创建并且当前 ref 始终等于 null,使用useRefcreateRefs内部会产生新问题,因为新创建的输入不会调用最新的引用并且渲染最后一个输入会抛出错误。

现在值使用 redux persist 存储,refs 存储在名为 formRefs 的单独 reducer 中,它位于redux-persist的黑名单中。

我不知道这是否会加剧 redux 的性能。一切正常,但是当我打开 redux devtools 并且它崩溃时,redux 超载。有没有人遇到过类似的问题?有更好的解决方案吗?

标签: reactjsreact-nativereduxreact-reduxredux-persist

解决方案


推荐阅读