2 our first React Component

最新推荐文章于 2024-05-29 22:02:56 发布

原创最新推荐文章于 2024-05-29 22:02:56 发布 · 278 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react

react for everyone 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个使用React创建的简单组件示例，展示了如何定义组件、设置默认属性及使用布尔值作为props传递等内容。通过这个例子，读者可以了解React组件的基本结构和渲染方式。

 </head>
 <body>
        <div id="area" ></div>
        <script type="text/babel">
            var HelloWorld = React.createClass({
                    propTypes:{
                        name: React.PropTypes.string.isRequired
                    },
                getDefaultProps: function(){
                    return{
                        name:'scott'
                    }
                },
                render:function(){
                    return(
                        <h1> hello {this.props.name}</h1>
                    )
                }
            });
            ReactDOM.render(
                <HelloWorld  name={true} />,
                document.getElementById('area'),
            );

        </script>

 </body>