撰文 | 川川
1.JSX中添加属性有什么要注意的?以及JSX中的子元素是怎么操作的?
2. 组件的大小写问题,使用拓展运算符,以及怎么循坏遍历一个对象
3....变成 divIndex
JSX中的子元素
在原生HTML标签中,要是对于DOM结构树熟悉的话,理解JSX的子元素也是比较容易的
原生HTML的标签叫做节点,节点有节点属性,以及节点的内容
如果一个标签或者...,它可以用于拓展JSX
自定义的组件必须是大写字母开头
通常来说,如果在React中小写字母开头的html标签,称为普通元素,它是原生HTML内置的元素(也可以视为为组件),例如: 的标签元素.不会达到预期的效果
注意:
React必须在作用域内,JSX其实就是React.createElement函数的语法糖,React.createElement...是更接近底层的API,所以React库也必须包含在JSX代码作用域内
引入React库一部分目的就是为了识别JSX语法的,这也是为什么只要你定义一个React组件时,要引入React库的原因
使用点(.