jsx

作者: 书生丶 | 来源:发表于2018-11-13 10:53 被阅读0次

    jsx:jsx是写在js内的HTML标记,就是一个jsx

    jsx是一种语法堂,不能被浏览器直接识别,需要通过babel来进行转化

    jsx最后会被转换成React.createElement(标签,内容) 是一个js对象(React元素)

    jsx和HTML的区别

        1)jsx最后会被转化为React对象,而HTML就是一个标签

        2)jsx的HTML系列标签,都是全小写 列:<div> <p>

        3)jsxde 自定义组件,首字母大写 列:<Hello>

        4)jsx所有的元素只能有一个根节点,因为每次createElement创建React元素是,只能       创建一个根元素

        5)jsx里class和for之类关键字,必须使用替换文字,列:class->className  f       or-   >htmlFor

    ReactDOM.render(要渲染的组件(<h1>文本</h1>),目标容器(root))

    注意: 在<16版本,直接支持写id的形式

            在>16版本,必须写document.getElementById('root')

    相关文章

      网友评论

          本文标题:jsx

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