constructor中初始化state值

Question

老师您好，既然能在constructor中初始化state的值，为什么 this.state.isOpen = false的写法会报错。

constructor(props: Props) {
super(props);
this.state.isOpen = false;//error Cannot assign to ‘isOpen’ because it is a read-only property.
this.state =
{
isOpen: false,
};
}

Answer 1

阿莱克斯刘 2021-06-22 02:12:22

报错信息说，“isOpen是个只读的属性，不能直接赋值”。

关于如何在constructor中给state进行初始化，在react官方文档中说得很明确，1. 初始化state不能使用setState(); 2. 需要通过对象（也就是花括号 { }）来赋值。

https://zh-hans.reactjs.org/docs/react-component.html#constructor

这就是为什么我们不能直接使用 "this.state.isOpen = false" 这种方式

• 提问者 Zhang_Kyra #1

  非常感谢！