リアルタイム マップ編集: Seatchart.js を探索するためのヒントと方法

Question

Seatchart.js を使用して会場のレイアウトを設計しようとしていますが、Seatchart オプションでライブ編集を行うことは可能ですか?

テキスト ボックスを編集して行数と列数を変更したいとしますが、マップ レイアウトを再レンダリングするために使用できるフックや関数が表示されないとします。

これはデフォルトのオプションです。行と列の数を変更したいと考えています。

リーリー

このフォームは React で作成しました

レイアウトフォーム

行/列の数を変更するとマップが更新されると思います。

ご協力いただければ幸いです。

Answer 1

ライブラリを react-seat-picker に変更しました。次のように、SeatPicker タグにキーを追加するだけです

リーリー

そして、値が更新されるときに、ランダムなキーが常に生成されるようにします。