在React中,props参数/参数如何与构造函数关键字一起工作?

时间:2017-09-29 16:57:50

标签: reactjs

有人可以解释为什么你必须为构造函数提供props关键字?我认为当你构建组件时,树从上到下工作......这意味着道具将最终用在子组件中。

我记得在一个播客中听到,Kyle Simpson是一位嘉宾,“超级”关键字是一种在基于类的系统中获得相对多态参考(从方法到基类)的方法。或者根据我的理解,这就是语法糖的工作原理,因为它是一个代表模型。

提前谢谢!

import React, {Component} from 'react'

class App extends Component {

  constructor(props) {
    super(props)
    this.state = {
      warpDriveCapacity : 10
    }
  }

}

1 个答案:

答案 0 :(得分:1)

如果要在构造函数中使用“this.props”,则需要将props传递给super。否则,它无关紧要,因为在调用构造函数后,React会立即从外部设置.props。

例如:

export class ComponentName extends Component {
  constructor(props) {
    super(props);
    this.state = {
      stateKey: props.initialProps
    };
  }
  //...
}