Не выполняется ли алгоритм React diff при использовании встроенного стиля

Во время использования inline-стиля большинство людей, что они делают, это использовать объект в атрибуте стилей. например. <div style={{left: '54px', position: 'absolute'}}> </div>

Сработает ли этот алгоритм ответа отклика здесь, поскольку их новый объект создается каждый раз, когда он повторно отображается.

Ответ 1

ДА, Это повлияет на алгоритм diff

Как вы сказали, вы создаете Object каждый раз при повторной рендеринге.

Но когда вы выполните следующие

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

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

вы передаете ссылку style, которая остается неизменной на протяжении жизненного цикла компонента.

Это то же самое для arrow functions. Подробнее об этом