react基本使用

• 先引入需要用到的两个基本包

  • react：react包

  • react-dom：dom结构包

• 在html中引入这两个包的 js 文件

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

• 再使用 React.createElement 进行元素创建

//参数一：元素名称
//参数二：元素属性
//参数三及其之后参数：元素子节点
const title = React.createElement('h1', {title : '标题'}, 'Hell0 World')

• 使用 ReactDOM.render 渲染到页面上

//参数一：要渲染的 react 元素
//参数二：要挂载的地方
ReactDOM.render(title, document.querySelector('#app'))