我们一直在使用redux形式,并且在用户在输入字段中键入时看到明显的滞后。我不太确定redux-form是否有问题。这可能是我们构造组件的方式。因此,我们有一个页面,其中列出了一些数据,例如25行并为其过滤。单击按钮后,我们打开一个模态,在其中渲染一个redux表单。现在,如果用户在任何输入字段中键入内容,则基础页面中的所有列表项也将重新呈现。我们使用React.Component作为列表项。 React devtool的“突出显示更新”选项突出显示了列表项,但是当我执行console.log进入列表项的render方法时,它无法打印!
是否想知道是否由于列表项的父组件也是(redux)连接的组件而发生这种情况,并且当redux-form的Field更新商店时,是否也将其重新呈现?在这种情况下如何使用redux-form?我不建议您开设多个商店。
答案 0 :(得分:0)
我猜您有一个事件侦听器,用于表单上的任何输入发生更改时,然后在基础列表上进行某些访存/筛选?
在快速键入时运行此命令可能会导致性能下降,具体取决于事件侦听器的工作。您可以尝试使用lodash.debounce之类的内容仅在用户停止输入200毫秒后才运行监听器?