属性 (Props)

React 课程的一部分

到目前为止你写的每个组件都是写死的。Greeting 永远只向同一个名字打招呼，Card 永远只显示同一段文字。做演示够用，但这完全违背了组件存在的意义：写一次，然后在很多地方带着不同的内容复用。一个只会问候 “Sam” 的 Greeting 组件算不上可复用，它不过是把一句固定的话绕着大弯写出来而已。React 给出的答案就是属性，也就是 “properties” 的简写，父组件正是通过它把数据交到子组件手里。学会传属性之后，同一份组件定义能产出多少种不同的结果，就取决于你在多少个地方用到它。

给组件传一个属性，写法和给 HTML 标签设置属性完全一样：在开始标签里写 name="value"：