react定义组件

want、

于 2019-12-13 16:34:34 发布

阅读量199

点赞数

CC 4.0 BY-SA版权

分类专栏： react记录

本文链接：https://blog.youkuaiyun.com/javaScript_want/article/details/103529606

react记录专栏收录该内容

4 篇文章

订阅专栏

本文深入探讨了React中三种主要的组件类型：函数式组件、类组件及组合组件的使用方式和特点，为开发者提供了清晰的组件创建指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1。函数式组件

      //函数式组件
 function Hello() {
    return (
      <div className="pname">hello word</div> 
          )
 }

2.类组件

    //类组件
class Hello extends React.Component{
    render(){
        return <div className="pname">hello word</div>
    }
}

3.组合组件

//组合组件
function Word(props) {
    return <div className="pname">hello,{props.name}</div>
}


class Hello extends React.Component {
    render() {
        return (
            <div>
                <Word name="word1" />
                <Word name="word2" />
                <Word name="word3" />
            </div>
        )
    }
}