|
1.JSX是React 的核心内容。
2.JSX表示在JS代码中写HTML结构，是React声明式的体现。
3．使用JSX配合嵌入的JS表达式、条件渲染、列表渲染，可以描述任意Ul
结构。
心
4．推荐使用className的方式给JSX添加样式。
5. React 完全利用JS语言自身的能力来编写Ul，而不是造轮子增强HTML功
能。(VUE 的指令就是造轮子）
?
1.JSX不是标准的ECMAScript语法，它是ECMAScript的语法扩展。
2．需要使用babel编译处理后，才能在浏览器环境中使用。
3. create-react-app脚手架中已经默认有该配置，无需手动配置。4.．编译JSX语法的包为:@babel/preset-react。
?
注意点
1. React元素的属性名使用驼峰命名法
2．特殊属性名: class -> className、for -> htmlFor、tabindex-> tablndex .3.没有子节点的React元素可以用/>结束。
4．推荐:使用小括号包裹JSX，从而避先S中的自动插入分号陷阱。
3.JSX的条件渲染
场: loading效果
条件渲染:根据条件渲染特定的JSX结构
可以使用if/else或三元运算符或逻辑与运算符来实现
4.JSX的列表渲染
如l果要渲染一纽数据，应该使用数组的 map0方法
.注意:xuan染列表时应该添加key属性，key 属性的值要保证唯一
原则: map（)种历谁，就给谁添加key 愿性
注意:尽星逅免使用索引号作为key
//使用小括号包裹JSx
2.JSX中使用JavaScript表达式
注意点
单大括号中可以使用任意的JavaScript表达式JSX自身也是JS表达式
注意:JS中的对象是一个例外，一般只会出现在style属性中注意︰不能在0中出现语句(比如: if/for等)
?
|