React-如何在不使用构造函数的情况下访问道具

Question

注意：我在使用React Native时遇到了这个特定的问题，但是我想这也同样适用于React。

我有一个使用React.Component构建的React组件。我不需要设置状态，但是我有道具。我建议的语法如下：

class Header extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return <div>{this.props.title}</div>;
  }
}

我知道我可以使用函数来构造此组件，如下所示：

const Header = (props) => {
  return <div>{props.title}</div>;
}

但是我更喜欢前者，因为我的组件会增长，可能会有状态等，我只想以相似的方式构建所有组件。

现在，我的linter抱怨拥有一个无用的构造函数，但是在保留类构造函数而不是函数构造函数的同时，我又该如何访问道具呢？

Answer 1

如果要在构造函数中使用this.props，则需要将props传递给super。否则没关系，因为React在调用构造函数后立即从外部在实例上设置.props。

因此，如果无用，只需删除constructor（）