javascript - 在类上使用方法或在闭包中使用函数

Question

假设我想用一些方法(没有状态或生命周期方法)创建一个 Simple React 组件。我可以通过以下两种方式之一进行:

// Foo.js
class Foo extends React.Component {
  doSomething() {
    // do something
  }

  render() {
    ...
    this.doSomething();
    ...
  }
}
export default Foo;

或者我可以这样做:

// Foo.js
const doSomething = () => {
  // do something...
}

const Foo = () => {
  ...
  doSomething();
  ...
}
export default Foo;

第二个更好，因为它是一个功能组件(更简单，开销更少)，但是闭包函数是否有任何开销/内存泄漏的风险？

一般来说，如果一个组件不保持状态或不使用生命周期方法，那么实现该组件的最佳方式是什么？

Answer 1

通常，如果您:

• 不想维持状态
• 不需要使用生命周期方法(如 componentDidMount )

最好使用无状态函数式组件，速度快，可读性更好。不，您不必担心由于关闭而导致的内存泄漏。有关无状态组件的更多好处，请参阅 https://hackernoon.com/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc