1.安裝 npm i react react-dom
2.引入 react 和react-dom的js文件(順序不可顛倒)

<script src="./node_modules/react/umd/react.development.js"></script>
 <script src="./node_modules/react-dom/umd/react-dom.development.js"></script>

3.創(chuàng)建react元素

// 使用 React.createElement創(chuàng)建react元素
 // 參數(shù)一： 元素名稱
 // 參數(shù)二： 元素屬性
 // 參數(shù)三及以后參數(shù)： 元素的子節(jié)點(diǎn)
 const title = React.createElement("h1", null, "你好");

4.渲染react元素

// 參數(shù)一： 要渲染的react元素
// 參數(shù)二： 掛載點(diǎn)
 ReactDOM.render(title, document.getElementById("app"));

5.在body中創(chuàng)建掛載點(diǎn)

    <!-- 掛載點(diǎn) -->
    <div id="app"></div>