reactjs - 使用内联样式时 React diff 算法是否失败

Question

在使用 React inline-style 时，大多数人所做的就是在 styles 属性中使用对象。例如。
<div style={{left: '54px', position: 'absolute'}}>
</div>

这个 react 差异算法是否会在这里失败，因为它们是每次重新渲染时创建的新对象。

Answer 1

是的，它会影响 diff 算法

就像您所说，每次重新渲染时都会创建一个对象。

但是，当您执行以下操作时

const style = {left: '54px', position: 'absolute'}

<div style={style}></div>

您正在传递 style 的引用，该引用在整个组件的生命周期中保持不变。

这与箭头函数相同。了解更多相关信息here