React Hello world

来源:互联网 发布:win7公用网络点不了 编辑:程序博客网 时间:2024/06/02 02:05
<html>  <head>    <title>hello world</title>  </head>  <body>      <div id="reactContainer"></div>      <script src="./react.js"></script>      <script src="./react-dom.js"></script>      <script>          var hello = React.createClass({            render: () => React.createElement('h1', null, 'hello world')          })    //创建组件类          ReactDOM.render(            React.createElement(hello, null),   //用组件创建一个元素            document.getElementById('reactContainer')            )      </script>  </body></html>

React.createClass
它的作用是注册一个组件类

ReactDOM.render()
ReactDOM.render是React的最基本方法,用于将模板转为HTML语言,并插入指定的DOM节点。

原创粉丝点击