通过 React.createElement 创建层级复杂的虚拟DOM,层级会变得非常复杂
<div> <h1>title</h1> <p>hello react.js</p> </div>
React.createElement("div", null, React.createElement("h1", null, "title"), React.createElement("p", null, "hello react.js"));
使用JSX (babel会将JSX转换成 React.createElement() )
const ele = ( <div> <h1>title</h1> <p>hello react.js</p> </div> )
- 使用JSX后,可以很轻松的解决 React.createElement创建虚拟DOM层级复杂的问题