react定义组件

最新推荐文章于 2025-06-17 13:34:35 发布

原创最新推荐文章于 2025-06-17 13:34:35 发布 · 215 阅读

0 ·

CC 4.0 BY-SA版权

react记录专栏收录该内容

4 篇文章

订阅专栏

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

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>
        )
    }
}