javascript - React : cannot add property 'X' , 对象不可扩展

Question

我正在我的组件中接收 Prop 。我想在此组件中使用 Prop 添加属性“LegendPosition”。我做不到。请在这件事上给予我帮助。我已经尝试过这段代码但没有成功:

var tempProps     = this.props;
tempProps.legendPosition = 'right';
Object.preventExtensions(tempProps);

console.log(tempProps);

Answer 1

您不能修改 this.props。这里 tempProps 是 this.props 的引用，所以它不起作用。您应该使用 JSON.parse() 和 JSON.stringify()

创建 props 的副本

var tempProps = JSON.parse(JSON.stringify(this.props));
tempProps.legendPosition = 'right';
Object.preventExtensions(tempProps);

console.log(tempProps);

有关深度克隆对象的更好、更有效的方法，请参阅 What is the most efficient way to deep clone an object in JavaScript?