React.createElement()根据指定的第一个参数来创建一个虚拟DOM
-
React.createElement(标签名,属性props对象, 子节点1,子节点2 …)
1. 第一个参数必填,另两个参数选填
2. 参数:标签名,属性对象,子节点
3. 返回值:虚拟DOM对象 -
看如下deom
第一种写法:
const li1 = React.createElement('li', null, 'First')
const li2 = React.createElement('li', null, 'Second')
const li3 = React.createElement('li', null, 'Third')
const ul = React.createElement('ul', {className: 'list'}, li1, li2, li3)
ReactDOM.render(
ul,
document.getElementById('content')
)
第二种写法:
const li1 = React.createElement('li', null, 'First')
const li2 = React.createElement('li', null, 'Second')
const li3 = React.createElement('li', null, 'Third')
const ul = React.createElement('ul', {className: 'list'}, [ li1, li2, li3 ])
ReactDOM.render(
ul,
document.getElementById('content')
)