React（一）——react初体验_react 初体验-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_43957263/article/details/127256438

一、hello react

react使用的是jsx语法，其实基本上还是js语言，只是有一些区别，最后会写。

react初体验的大致分为三步：

1、引入react核心库和react-dom库，注意先引入核心库再引入react-dom

2、要引入bable来将jsx转为js

3、script标签的type类型要改为text/babel

代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="test"></div>
    <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/babel-standalone/7.0.0-beta.3/babel.js"></script>
    <script type="text/babel">
        const Vdom =
        <h1> hello react </h1>
        ReactDOM.render(Vdom, document.getElementById('test'))
    </script>
</body>

</html>