jsx小结

作者: 1462a2c022bc | 来源:发表于2018-11-02 22:11 被阅读0次

1. JSX是一种语法糖

    在JS内书写的HTML标签,就是一个JSX

2. JSX不能被浏览器直接解析,必须使用babel解析

3. JSX最后会被解析为(React对象,虚拟DOM)

    React.createElement()

4. JSX和HTML的不同

    4.1 JSX所有元素都是React对象,和HTML的DOM对象不一样

    4.2 JSX内,HTML系列标签全小写,自定组件首字母大写

    4.3 JSX只能有一个根节点

        //面试题:为什么?

        //因为React.createElement() 只能创建一个根节点的元素

    4.4 JSX内所有JS关键字,必须换名,例: class -> className    for -> htmlFor

    4.5 JSX内的style不能使用字符串,必须给一个对象

        <p style={ {color: 'red'} }>123</p>

    4.6 JSX内HTML元素的事件,必须采用驼峰命名

        例:onclick -> onClick

相关文章

网友评论

      本文标题:jsx小结

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