如何描述this.props和this.store?

时间:2019-08-02 09:12:10

标签: reactjs typescript

我继承了Cell的react组件。但是,短绒毛发誓:“创意”类型中不存在“道具”属性。对于this.state和this.setState同样如此。

export default class Creative extends Cell<Props> {

  constructor(props) {
    super(props);
  }

  render() {
    const { rowData: { creative }, rowNumber } = this.props;

如何解决?

1 个答案:

答案 0 :(得分:0)

Creative类继承了Cell,因此您必须添加到Creative类中,并且其道具从其他组件的其他道具扩展。

interface CreativeProps extends CellProps { //Its own props}

interface CreativeState { //Its state }

export default class Creative extends React.Component<CreativeProps , CreativeState> {

  constructor(props) {
    super(props);
  }

  render() {
    const { rowData: { creative }, rowNumber } = this.props;
}

但是,只要您在Cell中声明了它们,它们就已经在Creative中隐含了。上面的(// ...)是您要添加道具并声明额外的内容

您在这里有一个示例:https://codesandbox.io/s/react-typescript-tujz6