无法分配给 'stockItems'，因为它是只读的 属性。 TS2540

Question

尝试在 VisualStudio 中 运行 一个 React 项目，我在 运行 上收到以下错误：

本地主机:44373

    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
});