React学习 --- Hello World-优快云博客

本文链接：https://blog.youkuaiyun.com/u013692823/article/details/100776587

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HelloWorld</title>
    <script src="../reactJs/react.development.js"></script>
    <script src="../reactJs/react-dom.development.js"></script>
    <script src="../reactJs/babel.min.js"></script>
    <style>

    </style>
</head>

<body>

<div id="root"></div>

</body>

<script type="text/babel">
    /*
    * 注意事项:
    * 1.最后一个script标签的type属性为text/babel =>这是因为React独有的JSX语法根JavaScript不兼容,凡是使用JSX语法的地方都需要加上 type='text/babel'
    * 2.上面使用了三个库他们必须首先加载 1.react.js是React的核心库 2.react-dom.js 是提供与DOM相关的功能 3.bebal.js的作用是将JSX语法转化为JavaScript语法,这一步很耗时间 应该将它放到服务器完成
    *
    * */
    ReactDOM.render(
        <h1>Hello World</h1>,
        document.getElementById('root')
    )

    /*
    * ReactDOM.render是React的最基本的方法,用于将模板转为HTML语言,并插入指定的DOM节点
    *
    *
    * */
</script>
</html>

要注意的事都在注释里面写了, 没有太多时间去整理和归纳(当然这些也都是入门基础)