React 參考概覽

本節提供使用 React 的詳細參考文件。如需 React 簡介,請造訪學習區塊。

React 參考文件分為幾個功能子區塊

React

程式化的 React 功能

  • Hooks (鉤子) - 從您的元件中使用不同的 React 功能。
  • 元件 - 可以在 JSX 中使用的內建元件。
  • API - 定義元件時很有用的 API。
  • 指令 - 為與 React 伺服器元件相容的打包器提供說明。

React DOM

React-dom 包含僅適用於 Web 應用程式(在瀏覽器 DOM 環境中執行)的功能。本節分為以下幾個部分

  • Hooks (鉤子) - 適用於在瀏覽器 DOM 環境中執行的 Web 應用程式的 Hooks。
  • 元件 - React 支援所有瀏覽器內建的 HTML 和 SVG 元件。
  • API - react-dom 套件包含僅在 Web 應用程式中支援的方法。
  • 客戶端 API - react-dom/client API 讓您可以在客戶端(在瀏覽器中)渲染 React 元件。
  • 伺服器 API - react-dom/server API 讓您可以在伺服器上將 React 元件渲染為 HTML。

React 規則

React 有一些慣例或規則,說明如何以易於理解的方式表達模式,並產生高品質的應用程式

  • 元件和 Hooks 必須是純粹的 – 純粹性使您的程式碼更易於理解、除錯,並允許 React 自動正確地最佳化您的元件和 hooks。
  • React 呼叫元件和 Hooks – React 負責在必要時渲染元件和 hooks,以最佳化使用者體驗。
  • Hooks 的規則 – Hooks 使用 JavaScript 函式定義,但它們代表一種特殊類型的可重複使用的 UI 邏輯,對它們可以呼叫的位置有限制。

舊版 API

  • 舊版 API - 從 react 套件匯出,但不建議在新編寫的程式碼中使用。