在React中,子元素允许由多个JSX元素组成,组件可以嵌套组件,例如:如下所示
<...上面使用的是两个函数组件,组件里面是可以嵌套另一组件的,并且属性值可以通过props拿到
也说明了,你是可以将任何东西作为子元素传递给自定义的组件的, 只要该组件渲染之前能够被转换成React理解的对象...JSX代码作用域内
引入React库一部分目的就是为了识别JSX语法的,这也是为什么只要你定义一个React组件时,要引入React库的原因
使用点(.)语法
有时候,在一个模块中需要导出多个React...(组件元素, 属性对象, 子元素),例如:如下JSX
const info = {
title:"我是一个组件",
number: 20
}
// 将info对象存储到infoMessage...,组件名称首字母必须要大写,当导出多个React组件时,使用点语法来引用一个React组件
使用展开运算符 ...在JSX中传递整个props对象
某些时候,是一个非常有用的语法,另外,当遍历要渲染的是一对象时