什么是属性？
本课属于 Coddy React 学习旅程的“基础知识”单元。第 16 课，共 42 课。
重用组件很不错，但三个一模一样的星星用途有限。Props 可以让你把数据传入组件，这样每个副本都可以有所不同：
function Greeting({ name }) {
return <p>Hello, {name}!</p>;
}
export default function App() {
return (
<div>
<Greeting name="Ada" />
<Greeting name="Alan" />
</div>
);
}这里发生了两件事：
- 传递：props 看起来像属性：
name="Ada" - 接收：组件在参数列表中解构它们（
{ name }），并像使用任何变量一样在 JSX 中使用它们
相同的组件，不同的数据，不同的输出：Hello, Ada! 和 Hello, Alan!。Props 是父组件配置子组件的方式。
亲手试试
这节课没有代码挑战。
自我测试这节课包含一个小测验。开始学习即可作答，并记录你的进度。