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