我知道无状态组件更易于使用（在特定场景中），但由于您不能使用shouldComponentUpdate，这难道不意味着组件将在每次道具更改时重新渲染吗？。我的问题是，使用带有smart shouldComponentUpdate的类组件是否比使用无状态组件更好（性能方面）。

就性能而言，无状态组件是更好的解决方案吗？考虑一下这个愚蠢的例子：

const Hello =(props) =>(
       <div>
           <div> {props.hello}</div>
           <div>{props.bye}</div>
       </div>);

vs

class Hello extends Component{
    shouldComponentUpdate(nextProps){
        return nextProps.hello !== this.props.hello
    };
    render() {
        const {hello, bye} = this.props;
        return (
            <div>
               <div> {hello}</div>
               <div>{bye}</div>
           </div>
        );
    }
}

假设这些组件都有两个道具，并且只有一个我们想要跟踪和更新的道具（这是一个常见的用例），使用无状态功能组件还是类组件更好？

使现代化

在做了一些研究之后，我同意这个有标记的答案。虽然类组件（使用shouldComponentUpdate）的性能更好，但对于简单组件来说，改进似乎微不足道。我的看法是：

• 对于复杂的组件，使用由PureComponent或Component扩展的类（取决于您是否要实现自己的应该组件更新）
• 对于简单的组件使用功能组件，即使这意味着重新渲染运行
• 尝试从最接近的类基组件中削减更新量，以使树尽可能静态（如果需要）