useNodesInitialized()

此钩子告诉你流中的所有节点是否都已测量并指定了宽度和高度。当你将节点添加到流中时，此钩子将返回 false，然后在测量节点后再次返回 true。

¥This hook tells you whether all the nodes in a flow have been measured and given a width and height. When you add a node to the flow, this hook will return false and then true again once the node has been measured.


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;
}

签名

¥Signature

Name	Type	Default
#Params
#`options`	`object`
#`options.includeHiddenNodes?`	`boolean`	`false`
#Returns
#	`boolean` Whether or not the nodes have been initialized by the <ReactFlow /> component and given a width and height.

注释

¥Notes

如果内部节点数组为空，则此钩子始终返回 false。

¥This hook always returns false if the internal nodes array is empty.