react基础语法

1.安装包

 yarn add react  react-dom

2.导入包

import React from 'react’
import ReactDOM from 'react-dom'

3.使用JS的创建虚拟DOM节点：

React.createElement() 方法，用于创建 虚拟DOM 对象，它接收 3个及以上的参数
参数1： 是个字符串类型的参数，表示要创建的元素类型
参数2： 是一个属性对象，表示 创建的这个元素上，有哪些属性
参数3： 从第三个参数的位置开始，后面可以放好多的虚拟DOM对象，这写参数，表示当前元素的子节点

var myH1 = React.createElement('h1', null, '这是一个大大的H1')
var myDiv = React.createElement('div', { title: 'this is a div', id: 'mydiv' }, '这是一个div', myH1)

4.使用 ReactDOM 把元素渲染到页面指定的容器中：

ReactDOM.render(‘要渲染的虚拟DOM元素’, ‘要渲染到页面上的哪个位置中’)
注意： ReactDOM.render() 方法的第二个参数，和vue不一样，不接受 “#app” 这样的字符串，而是需要传递一个 原生的 DOM 对象

ReactDOM.render(myDiv, document.getElementById('app'))