注意:我在使用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抱怨拥有一个无用的构造函数,但是在保留类构造函数而不是函数构造函数的同时,我又该如何访问道具呢?
如果要在构造函数中使用this.props,则需要将props传递给super。否则没关系,因为React在调用构造函数后立即从外部在实例上设置.props。
因此,如果无用,只需删除constructor()