react demo1 (react内容渲染)

最新推荐文章于 2021-11-07 15:26:44 发布

酷jjs

最新推荐文章于 2021-11-07 15:26:44 发布

阅读量403

点赞数

分类专栏：前端笔记 react 文章标签： react

本文链接：https://blog.csdn.net/qq_32584661/article/details/71249434

版权

前端笔记同时被 2 个专栏收录

165 篇文章 2 订阅

订阅专栏

react

19 篇文章 0 订阅

订阅专栏

react dome 1
需求：渲染一行标题，显示“Hello, world!”

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>react dome</title>
    <script src="./build/react.js"></script>
    <script src="./build/react-dom.js"></script>
    <script src="./build/browser.min.js"></script>

</head>

<body>

<div id="container">



</div>


<script type="text/babel">

   // 需求：渲染一行标题，显示“Hello, world!”
   /*
    reactDOM.render()
    react的基本方法，用于将模板转换为html语言，渲染dom，并插入指定的dom节点中

   3个参数：
   1参：模板的渲染内容（html形式）
   2参：这段模板需要插入的dom节点
   3参：渲染后的回调，一般不用

   */

    ReactDOM.render(
            <h1>Hello, world!</h1>,
            document.getElementById('container')
    );


</script>

</body>
</html>