useNodesInitialized

此 hook 會告訴您流程中的所有節點是否已測量並給定寬度和高度。當您將節點新增至流程時，此 hook 將返回 false，然後在測量節點後再次返回 true。

import { useReactFlow, useNodesInitialized } from '@xyflow/react';
import { useEffect, useState } from 'react';
 
const options = {
  includeHiddenNodes: false,
};
 
export default function useLayout() {
  const { getNodes } = useReactFlow();
  const nodesInitialized = useNodesInitialized(options);
  const [layoutedNodes, setLayoutedNodes] = useState(getNodes());
 
  useEffect(() => {
    if (nodesInitialized) {
      setLayoutedNodes(yourLayoutingFunction(getNodes()));
    }
  }, [nodesInitialized]);
 
  return layoutedNodes;
}

簽名

名稱	類型	預設值
#參數
#`options`	`物件`
#`options.includeHiddenNodes?`	`布林值`	`false`
#返回
#	`布林值` 節點是否已由 <ReactFlow /> 元件初始化並給定寬度和高度。

注意事項

如果內部節點陣列為空，此 hook 始終返回 false。

Hook 工具