"JSX是React框架中用于构建组件的一种扩展语法，它实际上是React.createElement方法的简洁表示。主要作用是简化虚拟DOM的创建，提高开发效率。JSX规则包括不加引号的标签定义、使用{}
JSX语法
1.JavaScript XML，react定义的一种类似于XML的JS扩展语法
2.本质是React.createElement(component, props, ...children)方法的语法糖
3.作用: 用来简化创建虚拟DOM
4.语法规则：
4.1.定义虚拟DOM时，不要写引号
4.2.标签中混入JS表达式时要用{}
4.3.样式的类名指定不要用class，要用className
4.4.内联样式，要用style={{key:value}}的形式去写
4.5.只有一个根标签
4.6.标签必须闭合
4.7.标签首字母：
a.若小写字母开头，则将该标签转为html中同名元素，若html中无该标签对应的同名元素，则报错。
b.若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
