reactjs - 为什么变异风格被弃用？

Question

0.13 和 0.14 中的文档都警告说变异样式已被弃用，但没有提及原因

Reusing and mutating a style object between renders has been deprecated

如果我想对基于 css 类的动画无法处理的元素执行依赖于状态的动画，我该怎么办？每次都克隆对象吗？

新的 react ，非常感谢帮助和建议

Answer 1

您可以通过将先前的样式复制到新变量并复制先前的样式对象来解决此问题。

示例:

不允许

const {styleFromProps} = this.props;

const newStyle = styleFromProps['marginTop'] = '45px';

允许

const {styleFromProps} = this.props;

const newStyle = {...styleFromProps, marginTop: '45px'};

这样，您就不会改变任何东西，而只是从前一个对象(即 styleFromProps)创建一个新对象