React中的三种组件及其区别

本文介绍了React中三种组件的创建方式:React.Component、React.PureComponent以及函数式组件Function。React.Component是最常用的组件形式,而PureComponent通过浅比较优化了shouldComponentUpdate生命周期方法,适用于纯展示组件。函数式组件没有生命周期和内部状态,轻量且性能优秀,适合用于只负责渲染数据的场景。
摘要由CSDN通过智能技术生成

React中有三种生成组件的方式,分别是React.ComponentReact.PureComponentFunction,他们有什么异同呢?

参考资料:

React.Component

React.Component是最常使用的方式,我们经常用它来生成组件

// Component
class Welcome extends React.Component {
   
    render() {
   
        return <h1>Hello, {
   this.props.name}</h1>;
    }
}

React.PureComponent

React.PureComponent成为纯组件。

// PureComponent
class Welcome extends 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值