React-Flussdiagramm: Beispiel zur Demonstration benutzerdefinierter Gruppierungsknoten

Question

Ich studiere die Dokumentation für die React Flow-Bibliothek und versuche herauszufinden, ob es eine Möglichkeit gibt, meinen eigenen Knoten zu erstellen, der eine Gruppe sein wird (ich möchte einen benutzerdefinierten Titel und Stil vor den untergeordneten Knoten implementieren). . Ich habe nichts in der Dokumentation gefunden – weder im Abschnitt Docs/Sub flow noch im Abschnitt Api/Custom nodes

Als vorübergehende Lösung zum Implementieren von Knotenheadern habe ich einen dedizierten Knoten erstellt und ihn als ersten untergeordneten Knoten platziert. Aber diese Lösung gefällt mir nicht wirklich.

P.S. Ich habe die gleiche Frage im Diskussionsbereich des Gitlab-Repositorys der Bibliothek gefunden, noch keine Antwort – https://github.com/wbkd/react-flow/discussions/2592

P.P.S: Die Antwort auf Githab besagte, dass jeder Knoten zum übergeordneten Knoten wird, wenn der Parameter parentNode für einen untergeordneten Knoten angegeben wird. Noch nicht überprüft.

Answer 1

确实：如果您将其id指定给其子节点作为parentNode，任何节点都可以成为一个组