#Tworzenie FlowModel

#Jako węzeł główny

#Tworzenie instancji FlowModel

Utwórz instancję lokalnie.

const model = engine.buildModel({
  uid: 'unique1',
  use: 'HelloModel',
});

#Zapisywanie FlowModel

Jeśli utworzona instancja wymaga utrwalenia, można ją zapisać za pomocą metody save.

await model.save();

#Ładowanie FlowModel z repozytorium zdalnego

Zapisany model można załadować za pomocą metody loadModel. Ta metoda załaduje całe drzewo modelu (wraz z węzłami potomnymi):

await engine.loadModel(uid);

#Ładowanie lub tworzenie FlowModel

Jeśli model istnieje, zostanie załadowany; w przeciwnym razie zostanie utworzony i zapisany.

await engine.loadOrCreateModel({
  uid: 'unique1',
  use: 'HelloModel',
});

#Renderowanie FlowModel

const model = engine.buildModel({
  uid: 'unique1',
  use: 'HelloModel',
});
const model = await engine.loadModel(uid);
const model = await engine.loadOrCreateModel(options);

<FlowModelRenderer model={model} />

#Jako węzeł potomny

Gdy potrzebuje Pan/Pani zarządzać właściwościami i zachowaniami wielu podkomponentów lub modułów wewnątrz modelu, należy użyć SubModel. Przykłady takich scenariuszy to zagnieżdżone układy, renderowanie warunkowe itp.

#Tworzenie SubModel

Zalecamy użycie <AddSubModelButton />.

Przycisk ten automatycznie obsługuje dodawanie, wiązanie i przechowywanie modeli potomnych. Szczegółowe informacje znajdzie Pan/Pani w Instrukcji użytkowania AddSubModelButton.

#Renderowanie SubModel

model.mapSubModels('subKey', (subModel) => {
  return <FlowModelRenderer model={subModel} />;
});

#Jako ForkModel

Fork jest zazwyczaj używany w scenariuszach, gdzie ten sam szablon modelu musi być renderowany w wielu miejscach (ale z niezależnymi stanami), na przykład dla każdego wiersza w tabeli.

#Tworzenie ForkModel

const fork1 = model.createFork('key1', {});
const fork2 = model.createFork('key2', {});

#Renderowanie ForkModel

<FlowModelRenderer model={fork1} />
<FlowModelRenderer model={fork2} />