React 函数式组件

菁菁子衿️

已于 2022-06-01 13:55:01 修改

阅读量156

点赞数

分类专栏： react 文章标签： react.js javascript 前端

于 2022-06-01 09:23:31 首次发布

本文链接：https://blog.csdn.net/weixin_59012965/article/details/125077615

版权

react 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

这篇博客展示了如何在React中创建一个名为Mybtn的组件，并通过props传递属性。内容包括一个简单的JSX结构，其中`<h3>`标签显示'helloreact'，而`<h1>`和`<h2>`标签分别根据props.name和props.msg显示内容。在示例中，props.name为'小孩'，props.msg为'小屁孩'，整个组件在页面的'app'元素上渲染。

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


      let  Mybtn = props => {
        return (
            <div>
                {
                    console.log(props)
                }
                <h3>hello react</h3>
                <h1>{props.name}----小孩</h1> 
                <h2>{props.msg}----小屁孩</h2>
            </div>
        )
    }
    // props 为组件内部的属性 和属性值 
    ReactDOM.render(<Mybtn name='小孩' msg='小屁孩'/>, document.getElementById('app'))