範例互動拖曳與放置拖曳與放置拖曳與放置使用者介面在基於節點的工作流程編輯器中非常常見。React Flow 窗格外的拖曳與放置行為並非內建,但可以使用原生 HTML 拖曳與放置 API(本範例中使用)或第三方函式庫(例如 react-draggable)來實作。index.htmlApp.tsxexport default function App() { const data: string = "world" return <h1>Hello {data}</h1> } 唯讀在 Stackblitz 中開啟在 Codesandbox 中開啟功能總覽深色模式