React组件分类

最新推荐文章于 2024-08-07 10:27:29 发布

胡鹤婷

最新推荐文章于 2024-08-07 10:27:29 发布

阅读量986

点赞数 1

分类专栏： react-native react

本文链接：https://blog.csdn.net/hhthwx/article/details/80036414

版权

本文介绍了React组件的三种常见分类：函数组件和类组件，无状态组件和有状态组件，以及展示型组件和容器型组件。函数组件以其简洁性受到青睐，而类组件提供了更多功能，如状态管理和生命周期方法。无状态组件不维护state，而有状态组件则可以。展示型组件专注于UI展示，不关心数据获取，而容器型组件负责数据逻辑和管理。两者可以通过props相互协作。

摘要由CSDN通过智能技术生成

React常见的组件分类方式：
1.函数组件，类组件
2.无状态组件，有状态组件
3.展示型组件和容器型组件

函数组件和类组件

函数组件(Functional Component)和类组件(Class Component)，划分一标准是定义组件的方法。函数组件使用函数来定义组件，类组件使用ES6 class来定义组件。

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