- 定义虚拟DOM时，不要写引号。
- 标签中混入JS表达式时要用{}。
- 样式的类名指定不要用class，要用className。
- 内联样式，要用style={{key:value}}的形式去写。
- 只有一个根标签。
- 标签必须闭合。
- 标签首字母。
（1）若小写字母开头，则将该标签转为html同名元素，若html中午该标签对应的同名元素，则报错。
（2）若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错。
1.表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方，例如下面这些都是表达式：
（1）a
（2）a + b
（3）func(1)
（4）arr.map()
（5）function test() {}
2.语句（代码）：不产生值，是执行一些命令或者步骤，例如下面这些都是语句：
（1）if() {}
（2）for() {}
（3）switch() {case:xxxx}
React——JSX JSX语法规则及使用： 创建虚拟DOM时，不要写引号； 标签中混入JS表达式要用{}； 样式...
一、JSX语法规则 定义虚拟DOM时，不要写引号。标签中混入JS表达式时要用{}。样式的类名指定不要用class，...
1.前言 总结下 react中样式绑定 2.JSX语法规则 1.遇到<>以html形式进行解析2.遇到{}以js形...
一、JSX语法 在React中，没有使用HTML标签来绘制UI，而是使用了JSX语法。 当然JSX语法中，也可以嵌...
1.react JSX语法原理 react是函数式编程，使用jsx语法来渲染组件。jsx语法是合法的JavaScr...
JSX jsx，一种js的语法扩展，React.createElement方法的语法糖。 在jsx中可嵌入任何表达...
在react中，在js文件里写html标签，我们把这种语法称为 jsx语法。 jsx语法与普通js语法的区别 普通...
1. JSX JSX是Javascript的语法拓展，在React中通过JSX渲染元素 类似模版渲染，jsx可以通...
init JSX JSX是Javascript的语法扩展，建议在React中配合使用JSX，可以描述UI交互，并且...
今日总结 课上提到的内容 1. 讲了react要学习的内容提纲 react 基础，JSX语法，插件 react-r...
本文标题：React中的JSX语法规则总结
本文链接：https://www.haomeiwen.com/subject/tofzcltx.html
网友评论