私が取り組んでいるプロジェクトは、ある種の HTML ページビルダーです。ユーザーは、メニューから事前に設計された HTML ページ セクション (ヘッダー、スライダー、コンテンツ ブロック、フッターなど) のリストから選択し、キャンバスにドロップして Web ページを作成できます。最終結果は、静的 Web サイトを含むダウンロード可能な zip ファイルです。
私のアプリケーションのレイアウトは、これまでのところ次のようになっています。
パート 1、2、3 をカバーしました。スライド アウト ドロワーであるパート 4 には HTML セクションが含まれており、クリックすると、対応するコンポーネントをページのメイン領域に追加したいと思います。このプロセスは、Web ページが構築されるまで繰り返されます。その後、各コンポーネントを編集して、最終的にページとして保存できます。
私がアドバイスを求めているのは、React/Redux を使用して、onclick のメイン領域に完全なコンポーネントを追加する方法です。
コンポーネントを参照する action/reducer をディスパッチすると仮定しますが、実際にメイン領域に追加されたコンポーネントを追加して追跡するにはどうすればよいでしょうか? jQuery を使用すると、これは単純な jQuery になります.load()が、React/Redux ではわかりません。React Router を使用して使用できるトリックでしょうか?
誰かが私を正しい方向に向けるのを手伝ってくれますか? 続きを読むなど
よろしくお願いします。