每次使用 react-beautiful-dnd 时都列出重新渲染

问题描述

长话短说：

• 我将 provided 道具传递给可拖动元素，以便在元素内呈现句柄

<Draggable key={item.id} draggableId={item.id} index={index}>
    {(provided,snapshot) => (
        <div
            ref={provided.innerRef}
            {...provided.draggableProps}
            style={getItemStyle(
                snapshot.isDragging,provided.draggableProps.style,)}
        >
            <Element
                key={item.id}
                ...
                provided={provided}
            />
        </div>
    )}
</Draggable>

一切正常，直到列表变长（100+）个元素。 现在，每次发生任何变化时，都会重新渲染整个元素列表。

我已检查 DevTools Performance，并且提供了重新渲染的原因，该原因在每个循环中都会发生变化。

我不能在回调中使用备忘录。 问题的解决方案是什么（除了将手柄移到 Element 外）？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）