參考工具

工具

addEdge()

此工具是一個方便的函式,可將新的 Edge 新增至邊緣陣列。它還會執行一些驗證,以確保您不會新增無效的邊緣或重複現有的邊緣。

閱讀更多

applyEdgeChanges()

ReactFlow 組件上的各種事件會產生 EdgeChange,描述如何以某種方式更新流程的邊緣。 如果您不需要任何自訂行為,則可以使用此工具來取得這些變更的陣列,並將其套用至您的邊緣。

閱讀更多

applyNodeChanges()

ReactFlow 組件上的各種事件會產生 NodeChange,描述如何以某種方式更新流程的節點。 如果您不需要任何自訂行為,則可以使用此工具來取得這些變更的陣列,並將其套用至您的節點。

閱讀更多

getConnectedEdges()

給定一個可能彼此連接的節點陣列以及所有邊緣的陣列,此工具會提供一個連接任何指定節點的邊緣陣列。

閱讀更多

getIncomers()

此工具用於告訴您哪些節點(如果有的話)已連接到給定的節點作為邊緣的來源。

閱讀更多

getNodesBounds()

傳回包含陣列中所有給定節點的邊界框。 當與 getTransformForBounds 結合使用以計算正確的轉換以將給定的節點放入視口中時,這會很有用。

閱讀更多

getOutgoers()

此工具用於告訴您哪些節點(如果有的話)已連接到給定的節點作為邊緣的目標。

閱讀更多

getSmoothStepPath()

getSmoothStepPath 工具會傳回在兩個節點之間呈現階梯式路徑所需的一切。 borderRadius 屬性可用於選擇這些步驟的角落圓角程度。

閱讀更多

getViewportForBounds()

此工具會傳回給定邊界的視口。 您可能會使用它來預先計算伺服器上給定節點集的視口,或計算給定邊界的視口,而_不_直接變更視口。

閱讀更多

isEdge()

測試物件是否可用作 Edge。 在 TypeScript 中,這是一個類型保護,如果傳回 true,它會將您傳入的任何類型的範圍縮小到 Edge。

閱讀更多

isNode()

測試物件是否可用作 Node。 在 TypeScript 中,這是一個類型保護,如果傳回 true,它會將您傳入的任何類型的範圍縮小到 Node。

閱讀更多

reconnectEdge()

一個方便的工具,可使用新屬性重新連接現有的 Edge。 這會搜尋您的邊緣陣列,以尋找具有相符 id 的邊緣,並使用您提供的連接來更新其屬性。

閱讀更多

getTransformForBounds()

此工具會告訴您要將視口設定為何,才能符合給定的邊界。 您可能會使用它來預先計算伺服器上給定節點集的視口,或計算給定邊界的視口,而_不_直接變更視口。

閱讀更多