ReactJ中的功能方法和分类方法之间的差异

Question

我探索了reactjs，并注意到定义elemens/components的两种方式。

class Welcome extends React.Component {
  render() {
      return <h1>Hello, {this.props.name}</h1>;    
  };
}
const element = <Welcome name="Sara" />;
ReactDOM.render(
  element,
  document.getElementById('root')
);

和功能方法：

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

它们在结果方面是相同的。但是功能性的AccalacoH至少对我来说更为清洁。

什么带来了类方法：来自ReactJS文档：

这使我们可以使用其他功能，例如本地状态和生命周期钩。

除了各州以外，还没有其他优势，分类的生命周期挂钩比纯粹的功能方法？

什么时候使用哪一个？

Answer 1

除了各州以外，还没有其他优势，分类的生命周期挂钩比纯粹的功能方法？

no。

什么时候使用哪一个？

如果您需要提供的其他功能(*(，则必须使用类。否则更多是个人喜好的问题。

---

*：例如，生命周期方法可让您实现逻辑，以避免重新启用对性能很重要的组件。