⭐任務說明

😸 今天學習如何使用 React 提供的一些元件

有哪些

• <Fragment>
• <Profiler>
• <StrictMode>

用途說明

<Fragment>

• 因為一個元件只能回傳一個元素，若要回傳多個元素的話，就可以透過這個寫法把資料組合起來

• 也可以寫成 <>..</>，但 React 版本需要在 16.2 以上才有支援

  function ProductArea() {
    return (
      <>
        <ProductTitle />
        <ProductBody />
    )
  }
  

<Profiler>

- 是 React 提供可以用來監測渲染效能
- 要注意會增加一點 CPU 和記憶體的使用量
 
 ```
 <Profiler id="ProductBody" onRender={onRender}>
    <ProductBody />
  </Profiler>
```

<StrictMode>

• 可以在開發環境中，協助檢測會遇到的潛在問題
  • 撰寫的元件使用了已棄用的 API
  • 防止缺少清理副作業（effect）而導致的問題
  • 找出程式碼中的潛在問題

結語

今天學習 React 提供的元件功能，下個任務見囉！