Bootstrap

React.createElement()的使用

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')
	)
;