javascript - ReactJs 警告 : Mutating `style` is deprecated. 考虑事先克隆它

Question

我收到以下警告:

inWarning: `div` was passed a style object that has previously been mutated. Mutating `style` is deprecated. Consider cloning it beforehand. Check the `render` of `xxx`. Previous style: {backgroundColor: "#000000"}. Mutated style: {backgroundColor: "#002a09"}. 

即使在克隆原始对象后尝试将样式属性分配给 div 时(我也尝试使用 JSON.parse(JSON.stringify()) 但没有成功)。

您能告诉我为什么会收到此错误以及如何修复它吗。

   var clone = Object.assign({}, this.state.selectedColor);
   this.styles.previewColorHover.backgroundColor = clone.hex

在我的渲染函数中:

<div ref='previewColor' id={'preview-color-' + this.props.id}
    style={this.styles.previewColorHover}>
</div>

Answer 1

您没有克隆 previewColorHover

  var clone = Object.assign({}, this.styles.previewColorHover);
   this.styles.previewColorHover = clone;
   this.styles.previewColorHover.backgroundColor = this.state.selectedColor.hex