remount下載 - remount原始碼下載

下載

重新安裝

在你的任何地方使用你的 React 元件
HTML 作為 Web 元件（自訂元素）。

演示 ⚡ 文檔
2kb gzip'd · 無依賴項 · IE 支持

可以透過 npm 套件儲存庫重新安裝。需要反應 18。

 # npm
npm install remount react react-dom
# yarn
yarn add remount react react-dom

讓我們從任何 React 元件開始。這是一個：

 const Greeter = ( { name } ) => {
  return < div > Hello, { name } ! < / div >
}

使用define()定義自訂元素。讓我們定義一個<x-greeter>元素：

 import { define } from 'remount'

define ( { 'x-greeter' : Greeter } )

現在您可以在 HTML 中的任何位置使用它！？

 < x-greeter props-json =' {"name":"John"} ' > </ x-greeter >

⚡ API 文件 →

關於為什麼您可能要考慮為您的專案重新安裝的一些想法：


	將 React 新增至非 SPA 應用程式您可以在「常規」HTML 網站的任何頁面上使用 React 元件。非常適合將 React 添加到基於 Rails 或 Phoenix 構建的應用程式中。

	？與其他框架的互通 Remount 讓您可以像其他 HTML 元素一樣使用 React 元件。這表示您可以將 React 與 Vue、Angular 或任何其他 DOM 函式庫/框架一起使用。