做個總和，就把所有整合在一起，就把之前 Day11 、 Day18 和 Day28 的 component 放在一起吧！

修改 index.js

• import

在進入點的 index.js 首先引入這幾個 component，在這邊把所有需要的元件全部都放在同一個資料夾中，並且引入他們：

import IdCreaterComponent from "./day30/IdCreater";
import StrCodeChange from "./day30/StrCodeChange";
import PropSample from "./day30/Parent";

• render component

接著撰寫要顯示的變數，並且用轉譯的方式，把三個元件一起放在 render() 中：

const root30 = ReactDOM.createRoot(document.getElementById("root"));

root30.render(
  <div>
    <StrCodeChange />
    <PropSample />
    <IdCreaterComponent />
  </div>
);

如此，就簡單的把各個元件簡簡單單的合併在一起，讓我們可以達到各自元件開發，然後再總裝起來。

後記

完成了一段網頁開發流程，這段時間稍微初步探索 React 的運用，以及他轉譯的方式，讓我稍微進入一下網頁的新世界，接下來就要自己花更多時間去坦索這個 React 世界