2 our first React Component

最新推荐文章于 2023-01-03 19:17:19 发布

wirenc

最新推荐文章于 2023-01-03 19:17:19 发布

阅读量244

点赞数

分类专栏： react for everyone 文章标签： react

本文链接：https://blog.csdn.net/wirenc/article/details/54773423

版权

react for everyone 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

 </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>