當我們想要將資料傳遞給子元件時，可以透過 props 來做傳遞。元件就像是 JavaScript 的 function，它可以接收任意的參數（即稱之為「props」），props 會回傳 React element，包含 children 以及自定義的參數。舉例來說：

function Child({ name }) {
  return <p>{name}</p> 
};
function Example() {
  return (
    <div>
      <Child name="John" />
    </div>
  );
}

在這個例子中，在 Child 定義了 name 這個參數，並給予 John 這個值。因此在 Child 元件就可以從 props 中取得 name 來使用。
備註：這邊的 { name } 是物件解構的寫法，這裡也可以改成

function Child(props) {
  return <p>{props.name}</p> 
};

文件參考

• Your First Component
• Passing Props to a Component
• 物件解構文件參考

題目

請複製 （右下角 fork）這個範例，並使用 props 將資料傳到 Child 元件中，並顯示 Hello, EveryOne!

回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）

回報區

#	Discord	CodePen / 答案
1	MY	Codepen
2	Sonia	Codepen
3	Noy(Toad)	Codepen
4	LinaChen	Codepen
5	Toung	Codepen
6	邵	CodePen
7	嚼勁先生	CodePen
8	Hailey	CodePen
9	tim	Codepen
10	han	Codepen
11	Aaron 謝宗佑	Codepen
12	4chan	Codepen
13	Satar	Codepen
14	Amanda	Codepen
15	Jasmine	Codepen
16	ya_meow	Codepen
17	Nocab	Codepen
18	Yen	Codepen
19	Johnson	Codepen
20	泊岸	Codepen
21	mercury2508.	Codepen
22	毛巾	Codepen
23	Kaya	Codepen
24	Fabio20	Codepen
25	Clove	Codepen
26	Rochel	Codepen
27	Rogan	Codepen
28	蘑菇星星	Codepen
29	Ariel	Codepen
30	yun-lin	Codepen
31	yaoling.liang	Codepen
32	郭芙蘭	Codepen
33	Joannehu	Codepen
34	KOMATSU PEI	Codepen
35	姜承	Codepen
36	jinliu214	Codepen

• 快速複製格式：

| 0 | user | [Codepen]() |