問題タブ [fluxible]

connectToStores を使用する React コンポーネントのテストに問題があります。コンポーネントに対する特定のユーザー アクション (クリック) で、コンテキストによって正しいアクションが実行されるようにする必要があります。

単純化されたコンポーネントの例:

簡易テスト:

このテストを実行しようとすると、次のエラーが表示されますjest

私が間違っている可能性のあるアイデアはありますか？

私は実際にストアとアクションを使用して単純なアプリケーションを開発し、fluxible を使用してコンポーネントを反応させようとしていますが、問題に直面しています。

実際、私のコンポーネント メソッド add() では、「これ」は未定義です...

何が問題なのかわからない...

ここに私のコンポーネントがあります:

「react」から React をインポートします。

こんにちは、私は実際にflux、reactjs、fluxibleを使用して小さなアプリケーションを開発しようとしていますが、ストアを扱うときに問題に直面しています。

実際、アクションを通じてストアに情報を送信できますが、コンポーネント内のストアで this.emitChange の結果を受け取って画面を更新する方法がわかりません。

リストを更新するには、コンポーネントに何を入れる必要がありますか?

ここに私のコンポーネントがあります:

ここが私の店です

アップデート

this.setState が適切に適用されていない

私は実際に、ボタンを押したときにもう 1 つの項目を入力するリストに対応する単純なコンポーネントを開発しようとしています。

私の問題は、ES6を使用しているため、getInitialStateを使用しないため、ドキュメントで説明されているように、コンストラクターを使用して初期化を行うことです。

私の問題は、 this.context がコンストラクターで定義されておらず、コンストラクター内で初めて配列 (または事前に読み込まれた配列) を直接取得できないことです。

空であろうとなかろうと、コンストラクターに配列をプリロードしたいだけです。それがまさに私のストアが返すものです:

「fluxible/addons/BaseStore」から BaseStore をインポートします。

ご協力いただきありがとうございます

私は実際にreactjsを学んでおり、TODOと呼ばれる「親コンポーネント」の中にラップされた小さなTODOリストを実際に開発しています。

この親の内部で、関係するストアから TODO の現在の状態を取得し、この状態をプロパティとして子コンポーネントに渡します。

問題は、親状態の値をどこで初期化するかわからないことです。

実際、私は ES6 構文を使用しているため、getInitialState() 関数はありません。コンポーネントコンストラクターを使用してこれらの状態値を初期化する必要があるとドキュメントに書かれています。

実際には、コンストラクター内で状態を初期化したい場合、 this.context (Fluxible Context) は実際には未定義です。

初期化を componentDidMount 内に移動することにしましたが、アンチ パターンのようで、別の解決策が必要です。手伝って頂けますか ？

これが私の実際のコードです：

私は実際に Fluxible と Reactjs を使用してアプリケーションを開発しています。

このアプリ内で (既にルーターを使用している) 動的サブルートを親コンポーネント内に作成する必要があります。

実際、私のコンポーネントは、全体的に計画マネージャーです。毎日、毎週、毎月などのタスクを見ることができます。

これは、親コンポーネントの内部で相互に置き換えることができる複数のコンポーネントがあることを意味します。

そこで、「内部コンポーネント ルーター」のようなものを使用できないかと考えていました。つまり、このルーターは、親コンポーネントのPlanningの内部コンポーネントのみを変更するように、関係するコンポーネントの内部でのみ機能する必要があります。