React Hello world

React初学者指南

最新推荐文章于 2024-06-28 08:56:25 发布

qq_34351732

最新推荐文章于 2024-06-28 08:56:25 发布

阅读量192

点赞数

CC 4.0 BY-SA版权

分类专栏： react

本文链接：https://blog.youkuaiyun.com/qq_34351732/article/details/78524018

react 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个简单的React应用实例，展示了如何使用React.createClass创建组件并利用ReactDOM.render方法将React组件渲染到网页上。

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