美文网首页
react jsx 渲染流程

react jsx 渲染流程

作者: 网恋被骗二块二 | 来源:发表于2022-03-11 16:29 被阅读0次
<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'])
])
  1. createElement 转化为虚拟 DOM

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

相关文章

网友评论

      本文标题:react jsx 渲染流程

      本文链接:https://www.haomeiwen.com/subject/pkatdrtx.html