类组件和函数组件

最新推荐文章于 2023-10-26 12:19:34 发布

有有有何不可

最新推荐文章于 2023-10-26 12:19:34 发布

阅读量2.3k

点赞数

分类专栏： React——学习记录文章标签： javascript react.js

本文链接：https://blog.csdn.net/csdn0624/article/details/120027226

版权

一、类组件二、函数组件函数组件：函数组件只能实现非常简单的渲染功能。只是进行页面的展示和数据的渲染。没有逻辑的处理。也就是组件的内部是没有自己的数据和状态的。它是无状态组件。export default function Headertitle({key1,key2,children}){ const return ( <div>helloworld {key1}{key2} <div>{children}</div>. //chil

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

一、类组件和函数组件

函数组件：(把它看作一种样式组件，展示样式)
函数组件只能实现非常简单的渲染功能。只是进行页面的展示和数据的渲染。没有逻辑的处理。也就是组件的内部是没有自己的数据和状态的。它是无状态组件。
通常仅是接受外部传来的数据进行展示，不涉及state，只根据props,不用this.props

export default function PickerButton(props){
   

  const {
    key1,children }=props

  return(
    <div className='picker-button'>
      <span>{
   key1}</span>
      <div>{
   children}</div>
    </div><

最低0.47元/天解锁文章

有有有何不可

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
类组件和函数组件

一、类组件二、函数组件函数组件：函数组件只能实现非常简单的渲染功能。只是进行页面的展示和数据的渲染。没有逻辑的处理。也就是组件的内部是没有自己的数据和状态的。它是无状态组件。export default function Headertitle({key1,key2,children}){ const return ( <div>helloworld {key1}{key2} <div>{children}</div>. //chil
复制链接

扫一扫