“无状态功能组件”与“ES6类组件”相比有哪些优势？

Question

我经常读到如果可能的话我应该使用'无状态功能组件'，但大多数没有任何解释原因。有什么好处？

Answer 1

首先，无状态函数组件渲染速度更快，因为在React渲染管道中有一个优化的短路径。

其次，代码更清晰，因为你打字更少，几乎没有视觉噪音。如果你使用现代JS，当然。看看，我正在定义一些“自定义标签”：

const MyFancyDiv = ({ children, ...otherProps }) => (
    <div { ...otherProps } className='i-am-fancy-wrapper'>
        { children }
    </div>
);

对于没有状态，上下文或自定义生命周期方法的所有内容，这是首选方法。

它实际上是React的功能，这使得任何其他框架都很难被击败。尽可能使用它。