重拾react杂记-526互联

import { param,setParam} from 'React'
组件的名称必须以大写字母开头 <TableOfContents />
每个js文件只有一个 export default function xx(){}
你的标签和 return 关键字不在同一行，则必须把它包裹在一对括号中,

注意：无论是子组件还是父组件，他们的名字都是大写字母开头，返回都是 JSX 标签（return（html标签））

只能返回一个根元素如果想要在一个组件中包含多个元素，需要用一个父标签把它们包裹起来。（JSX 虽然看起来很像 HTML，但在底层其实被转化为了 JavaScript 对象，你不能在一个函数中返回多个对象，除非用一个数组把他们包装起来。这就是为什么多个 JSX 标签必须要用一个父元素或者 Fragment 来包裹。）
JSX 要求标签必须正确闭合。像 <img> 这样的自闭合标签必须书写成 <img />

使用驼峰式命名法给所有大部分属性命名！ class->className

export default function Profile() {
return (
<img
src="https://i.imgur.com/MK3eW3Am.jpg"
alt="Katherine Johnson"
/>
)
}

5 组件定义（在顶层定义每个组件，不能嵌套在父组件里面）

function Profile() {
return (
<img
src="https://i.imgur.com/MK3eW3As.jpg"
alt="Katherine Johnson"
/>
);
}

引用：

export default function Gallery() {
return (
<section>
<h1>了不起的科学家</h1>
<Profile />
<Profile />
<Profile />
</section>
);
}