好客租房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"))