javascript - 在 reactjs 中将 javascript 代码转换为 typescript 时出错

Question

interface ModalPageState{
  modal2 : boolean,
}

class ModalPage extends Component <ModalPageState> {
  

  state : ModalPageState = {
    modal2: false,
  };


  toggle = (nr) => () => {
    let modalNumber = "modal" + nr;
    this.setState({
      [modalNumber]: !this.state[modalNumber],
    });
  };


}

状态错误：

'ModalPage' 类型中的属性 'state' 不能分配给基类型 'Component<ModalPageState, ModalPageProps, any>' 中的相同属性。[1] 类型“ModalPageState”缺少“只读”类型的以下属性：modalName、modalHeader、modalBody、history 和 2

标签： javascriptreactjstypescript