react jsx 渲染流程

<ul style={{ background: '#fff' }}>
  <li>a</li>
  <li class="second">a</li>
</ul>

1. React.render() 编译

createElement('ul', { style:{ background: '#fff' } }, [
  createElement('li', ['a']),
  createElement('li', { class: 'second'}, ['a'])
])

2. createElement 转化为虚拟 DOM

3. render() 函数转化成真实 DOM 挂载在页面上