无法分配给"库存项"，因为它是只读属性。TS2540

Question

试图在VisualStudio中运行React项目，在运行时出现以下错误：

localhost:444373

C:/Users/---------/ClientApp/src/App.tsx(87,20):
Cannot assign to 'stockItems' because it is a read-only property.  TS2540
85 | 
86 |         // set the state
> 87 |         this.state.stockItems = data;
|                    ^
88 |         this.state.loading = false;
89 |     }
90 |

Answer 1

与其直接设置状态变量，不如使用React的setState函数：this.setState({ stockItems: data })

Answer 2

// set the state
//this.state.stockItems = data;
//this.state.loading = false;
this.setState({
stockItems: data
});
this.setState({
loading: false
});