开启ReactJS之Hello World

来源：互联网发布：全民枪战爆头挂软件编辑：程序博客网时间：2024/06/14 08:23

ReactJS是一个用于构建用户界面的javascript库，很多人认为它是MVC里的View。论坛知乎上面各种关于ReactJS的好评，受到广大前端开发者的追捧，这么好的库，当然要体验一番，先来个hello world体会一下：

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>开启ReactJS之Hello World</title></head><body>    <div id="container">    </div>    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.5/react.min.js"></script>    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.5/react-dom.min.js"></script>    <script type="text/javascript">        //创建UI组件        var Hello = React.createClass({displayName: 'Hello',            render: function() {                return React.createElement("div", null, "Hello ", this.props.name);            }        });        //渲染组件        ReactDOM.render(            React.createElement(Hello, {name: "World"}),            document.getElementById('container')            );    </script></body></html>

代码简洁明了，代码就是最好的注释了，哈哈

0 0