jsx

2018-11-13  本文已影响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')

上一篇 下一篇

猜你喜欢

热点阅读