React フローチャート: カスタム グループ化ノードを示す例

Question

React Flow ライブラリのドキュメントを研究しており、グループとなる独自のノードを作成する方法があるかどうかを調べています (子ノードの前にカスタムのタイトルとスタイルを実装したいと考えています)。 。ドキュメントには何も見つかりませんでした。Docs/Sub フロー セクションにも、Api/Custom ノード セクションにも見つかりませんでした。

ノード ヘッダーを実装するための一時的な解決策として、専用のノードを作成し、それを最初の子として配置しました。しかし、私はこの解決策があまり好きではありません。

追記: ライブラリの gitlab リポジトリのディスカッション セクションで同じ質問が見つかりましたが、まだ回答はありません - https://github.com/wbkd/react-flow/Discussions/2592

P.P.S: githab の回答では、parentNode パラメータが子ノードに指定されている場合、任意のノードが親ノードになると述べています。まだチェックしていません。

Answer 1

実際: parentNode として子ノードに ID を割り当てると、どのノードもグループになることができます。