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')
网友评论