初识react
第一步就给我出个问题版本太低
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GcHqJXOM-1689565998998)(images/image-20220826100101174.png)]](https://img-blog.csdnimg.cn/e6da9071dd504902a7a3c0d0a2c73c2e.png)
https://www.cnblogs.com/gslgb/p/16585233.html
https://blog.csdn.net/xiangshiyufengzhong/article/details/124193898
第二个问题

便利生成dom 需要绑定key 不要总想着加冒号这不是vue
第三个问题
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dTZwq0qa-1689565999000)(images/image-20220826120032266.png)]](https://img-blog.csdnimg.cn/15fae8fe85aa48a8ab0672a5daa26216.png)
我p标签包裹 MapList组件 MapList中又有div标签 p下边不能有div标签
易错点
- 绑定key值。
- 行内块级元素尽量不要放div 这类块级别元素,规范布局。
- 动态绑定变了不再使用冒号了,而是直接写在{}。
- 绑定class 不是写class= 而是className= ,动态绑定加{}。
- 动态绑定style,style是键值对,所以动态绑定style={{}},也可以传入一个对象 style={obj}
- JSX必须有一个根节点,如果没有根节点,可以使用
<></>(幽灵节点)替代 - 所有标签必须形成闭合,成对闭合或者自闭合都可以
- JSX中的语法更加贴近JS语法,属性名采用驼峰命名法
class -> classNamefor -> htmlFor - JSX支持多行(换行),如果需要换行,需使用
()包裹,防止bug出现