好客租房3-React的基本使用

目录

2.1React的安装

2.2React的使用

1引入react和react-dom两个js文件

2创建React元素

3渲染react元素到页面中

---

2.1React的安装

安装命令:npm i react react-dom

react 包是核心,提供创建元素,组件等功能

react-dom包提供DOM相关功能等

2.2React的使用

1引入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>

2创建React元素

//第二步创建react元素
    //参数1:元素名称
    //参数2:元素属性
    //参数3:元素的子节点
    const title=React.createElement('h1',null,"Hello geyao")

3渲染react元素到页面中

//第三步渲染react元素
    //参数1:要渲染的react元素
    //参数2:挂载点
    ReactDOM.render(title,document.getElementById("root"))