在 React 中通过 TypeScript 解构赋值

IT技术 reactjs typescript
2021-05-27 19:41:36

我该怎么做

class App extends React.Component {
    render() {
      const { x, y, z} = this.props;
      return (...)
    }
}

在typescript?现在 tslinter 显示错误:

输入 'Readonly<{ children?: ReactNode; }> & Readonly<{}>' 没有属性 'x' 也没有字符串索引签名。

1个回答

你必须为 props 定义一个类型:

interface Props {
    x: string;
    y: number;
    z: string;
}

class App extends React.Component<Props, {}> {
    render() {
      const { x, y, z} = this.props;
      return (...)
    }
}