美文网首页
🌟🌟🌟:无状态组件

🌟🌟🌟:无状态组件

作者: 达摩会武术 | 来源:发表于2019-03-21 17:23 被阅读0次

    简单点说呢,无状态组件就是--一个接收props,返回jsx结构的函数。

    // 函数
    const Welcome = props => <h1>Welcome {props.name}</h1>;
    
    // 类组件
    class Welcome extends React.Component {
      render() {
        return <h1>Welcome {this.props.name}</h1>;
      }
    }
    

    对于只有一个render的组件来说,可以使用无状态组件来进行替换,可以提升性能,因为里面没有state以及生命周期函数什么的,能使用无状态组件尽量使用,必要时升级成类组件;

    相关文章

      网友评论

          本文标题:🌟🌟🌟:无状态组件

          本文链接:https://www.haomeiwen.com/subject/zmwqvqtx.html