內建 React API

除了 Hooks元件 之外,react 套件還匯出了一些其他可用於定義元件的 API。此頁面列出了所有其餘的現代 React API。


  • createContext 讓您可以定義並提供 context 給子元件。搭配 useContext 使用。
  • forwardRef 讓您的元件可以將 DOM 節點作為 ref 暴露給父元件。搭配 useRef 使用。
  • lazy 讓您可以延遲載入元件的程式碼,直到它第一次被渲染。
  • memo 讓您的元件在 props 相同的情況下跳過重新渲染。搭配 useMemouseCallback 使用。
  • startTransition 讓您可以將狀態更新標記為非緊急。類似於 useTransition
  • act 讓您可以在測試中包裝渲染和互動,以確保在進行斷言之前已處理更新。

資源 API

元件可以存取*資源*,而無需將它們作為狀態的一部分。例如,元件可以從 Promise 讀取訊息或從 context 讀取樣式資訊。

要從資源讀取值,請使用此 API

function MessageComponent({ messagePromise }) {
const message = use(messagePromise);
const theme = use(ThemeContext);
// ...
}