Édition de carte en temps réel : conseils et méthodes pour explorer Seatchart.js

Question

J'essaie de concevoir un agencement de salle à l'aide de Seatchart.js, est-il possible d'avoir une édition en direct sur l'option Seatchart ?

Supposons que je souhaite modifier le nombre de lignes et de colonnes en modifiant une zone de texte, mais que je ne vois aucun crochet ou fonction que je puisse utiliser pour restituer la mise en page de la carte.

C'est mon option par défaut, je souhaite modifier le nombre de lignes et de colonnes.

const options = {
    map: {
      rows: 3,
      columns: 3,
      seatTypes: {
        default: {
          label: "Bronze",
          cssClass: "bronze",
          price: 80
        },
      },
      reserved: [],
      rowSpacers: [],
      columnSpacers: [],
      disabledSeats: [],
      reservedSeats: [],
    },
    cart: {
      visible: false
    },
  }

J'ai créé ce formulaire dans React

Formulaire de mise en page

Je m'attends à ce que la carte soit mise à jour après avoir modifié le nombre de lignes/colonnes.

Toute aide serait grandement appréciée.

Answer 1

J'ai changé ma bibliothèque en react-seat-picker et je viens d'ajouter la clé dans la balise SeatPicker, comme ceci

<SeatPicker
    key={randomKey}
...

Et assurez-vous de toujours générer des clés aléatoires lorsque la valeur est mise à jour.