javascript - ReactJs/ typescript : Make component state object and properties readonly

Question

我有一个第三方类对象，我想将该对象的属性设置为只读。所以我不能用 this.state.object.props = "xx";

改变状态

看起来像这样

class ThirdPartyObject {
    id?: string;
}

interface ComponentState {
    readonly object: ThirdPartyObject;
}

this.state.object = null; // not possible
this.state.object.id = "newId"; // should also not be possible

我该怎么做？

Answer 1

如果您希望 ThirdPartyObject 字段是只读的，请使用 Readonly 类型:

class ThirdPartyObject {
  id?: string;
}

interface ComponentState {
  readonly object: Readonly<ThirdPartyObject>;
}

然后这个:this.state.object.id = 'newId';会抛出错误。