問題タブ [fluxible]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
flux - 複数のストアにデータを入力して待機中
Flux に基づいた同型アプリケーションを考え、Fluxible ライブラリを使用してそれを実行します。React メール アプリケーションがあり、左側にメッセージのリストがあり、右側に現在開いているメッセージがあります。
ルーターは、URL「/message/123」で呼び出されると「SHOW_POST」アクションをトリガーし、アクションはデータをロードしてストアを更新し、メッセージが右側に表示されます。これはすべて機能し、ナビゲーションの約束が解決され、ページがレンダリングされます。
ただし、ページは左側にメッセージのリストなしで表示されます。SHOW_POST 中に「LOAD_ALL_MESSAGES」へのアクションが呼び出された場合、それらは実際にはサーバーでレンダリングされず、サーバーは空のリストを返し、AJAX を介してクライアントにロードされます。
他のコンポーネントが必要とするページに他のストアを設定する方法。アクションを必要とするコンポーネントがレンダリングされたときにアクションを呼び出してそれらを設定しようとしましたが、これは汚れているようで、コンポーネントがサーバー側でレンダリングされないという問題を解決しません。
すべてのナビゲーション アクションでストアを設定するために追加のアクションをトリガーする必要があるのも同様に不潔に思えます。ストアが必要ない可能性があるためです。ほぼすべてのさまざまなナビゲーション アクションからこれらの設定アクションを呼び出す必要があるため、コードは繰り返しになります。
サーバー側のレンダリング中にバックグラウンド ストアを設定するために推奨されるアーキテクチャは何ですか。各ナビゲーション内から複数のアクションをトリガーし、それらすべてが解決されるのを待ちますか?
javascript - Fluxible - 私のストアはデータを受信していますが、私のコンポーネントはストアと通信できません
基本的に、ホームページをロードすると、JSON 形式でデータベースからデータを取得するアクションがトリガーされます。私のストアが受け取った SUCCESS をディスパッチし、オブジェクトの状態を更新しますposts。console.log()店から出ると、確かにデータが受信されていることがわかりました。ただし、私のコンポーネントはそのデータを取得していません。
これが私のコンポーネントコードです:
React Developer Tools の props に投稿データが表示されません。
店舗はこちら：
誰かが私を助けてくれますか？
ありがとう
reactjs - 柔軟な createStore モジュールが見つからない/解決できない?
ストア、特に UserStore を作成しようとすると、fluxible でエラーが発生します。
エラー: モジュール 'fluxible-app/utils/createStore' が見つかりません
どうすればこれを回避できますか?
私が取り組んでいるプロジェクト/コードは次のとおりです。
javascript - PHP/Laravel から ReactJS Fluxible ストアにモデルを渡す
私の TaskController.php には次のものがあります。
$enquiry モデルを反応ストアに渡す方法について、私は完全に迷っています。
EnquiryStore.js
どうにかしてJS変数などにエコーアウトする必要がありますか? どうすればこれを機能させることができますか? 全体的なポイントは、ページが読み込まれたときにすべてのデータが既にあり、React/Fluxible がデータに対して別のリクエストを行う必要がないようにすることです。
javascript - ReactJS の複数のドロップダウン、一度に 1 つのみ開く
コンポーネントに小道具として渡される2つのドロップダウンがあります。別々の状態で両方を制御できますが、これはすべて1つの状態で実行できると思いますか?
ヘッダ
ヘッダードロップダウン
「react」から React をインポートします。
一度に1つだけ開いて、別のものがクリックされた場合に他のすべてを閉じることができるようにするにはどうすればよいですか? クリック イベントを HeaderDropdown にバインドするときに、「this」から何かを保存する必要がありますか?
私は質問から何かを逃しました。これは、ユーザーが DarkLabel の right_icon をクリックしたときに発生する必要があります。
ダークラベル