react class 的 constructor方法为什么要带props

Question

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }

这里的props是什么意思，是内置的对象吗？看到这种写法很疑惑。

Answer 1

此props就是传递给你组件的props。在constructor中，如果不需要取props中的值，是可以简写的。

constructor() {
  super();
}

写出来，一般是想给组件设置初始化的state。如：

constructor(props) {
  super();
  this.state = {
    xxx: props.xxx
  }
}

// 然后再配合componentWillReceivePorps来实现props和state同步的目的
componentWillReceiveProps(np) {
}