--- id: 5a24c314108439a4d4036164 title: 用組合的方式創建一個 React 組件 challengeType: 6 forumTopicId: 301383 dashedName: create-a-component-with-composition --- # --description-- 現在來看看如何組合多個 React 組件。 想象一下,現在正在構建一個應用程序,並創建了三個組件:`Navbar`、`Dashboard` 和 `Footer`。 要將這些組件組合在一起,可以創建一個 `App` *父組件*,將這三個組件分別渲染成爲*子組件*。 要在 React 組件中渲染一個子組件,需要在 JSX 中包含作爲自定義 HTML 標籤編寫的組件名稱。 例如,在 `render` 方法中,可以這樣編寫: ```jsx return (