美文网首页
react源码1 - reactElement

react源码1 - reactElement

作者: 邵志远 | 来源:发表于2020-05-29 21:17 被阅读0次

    我们在写react代码的时候,使用的都是jsx的语法,那jsx是怎么转化成js能被浏览器识别的呢。
    我们直接看babel是怎么转译的。左侧是jsx语法,右侧是转译结果。


    image.png

    很明显,react通过React.createElement来把jsx语法转化成浏览器能识别的js语法。
    createElement接收三个参数,分别是type, config, children。
    type是一个string类型,用来区分标签类型,如果是大写的的type,则会被识别为是组件。
    config则是标签的属性例如id,class等。
    children是子元素,如果没有子元素就没有。

    相关文章

      网友评论

          本文标题:react源码1 - reactElement

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