問題タブ [setstate]

API 呼び出しの後、setState がトリガーされていません。最初の console.log ステートメントは期待どおりに機能し、正しいデータがすべて表示されますが、setState へのコールバックはトリガーされず、状態は更新されません。このまま10分以上放置。

コンソール エラーはありません。

奇妙な点は、アプリの別の部分で作業しているときに、魔法のように再び動作し始め、その理由がわからないことです。明らかな何かが欠けていますか？

編集：

console.log()興味深いことに、コールバックから2 番目を削除しsetState()、呼び出しの後に単純に配置すると、setStat()まだトリガーされません。

グローバル イベントの Pub/Sub システムを介して現在通信している 2 つの reactJS コンポーネント (親/子ではない) を含む Rails アプリがあります。

ただし、実行するthis.setState({ items: this.props.items })とメッセージが表示されますCannot read property 'items' of undefined。

このエラーが発生する理由について、人々が提供できるヘルプをいただければ幸いです。

私が持っている基本的なセットアップは次のとおりです。

BasketContainer - 2 つのイベントにサブスクライブ

ProductItem - カートに追加 Event Publisher

BasketItem - バスケット パブリッシャーから削除

親は setState Triggersrender()ですが、子コンポーネントの小道具は静的です

これはかなり簡単です。私は<Parent />状態プロパティとハンドラーを持っています。親は、プロパティとハンドラーの両方を子に渡します。

子にはボタンがあり、親のハンドラーをラップする独自のハンドラーを呼び出します。ブール値 ,isNewが Parent に渡されます -- 親呼び出しthis.setState({ isNew: isNew }).

親は常に呼び出し、親の HTMLrenderで出力するとisNew、すべてが正しいことが示されます。ただし、<Child isNew={this.state.isNew} />から正しい値を出力することはありません。常に、親のメソッドthis.props.isNew内の親で初期化される値です。getInitialProps

私はこのプロジェクトに参加したばかりですが、Flux や Redux を実装しているとは思えません。私の仮定では、React はすぐに使える状態で、props が親の state に設定されているすべての子を再レンダリングする必要があるというものでした。

言い換えれば、次のものがあれば:

親が [状態変更から] 再レンダリングする場合、親の状態に依存するすべての子も、親の新しい状態を小道具にカプセル化しながら再レンダリングする必要があります。の子小道具を想定<Child property={this.state.property} />

ここで基本的なものが完全に欠けていますか？

これについて私をまっすぐにしてください:)

どうも

以下の lib を使用して、すべての ApiRequest のコールバック (onSuccess、onError) を実装しています。しかし、イベントがトリガーされたときに状態を更新するときに問題があります。基本ロジックを保持するだけで、すべてのものを削除しようとしました。なぜエラーになるのかわかりません。ライブラリ: https://www.npmjs.com/package/react-native-simple-events

以下は私のコードです

ApiRequest.js

ログイン.js

さらに情報が必要な場合はお知らせください

フライトのある州があり、最大価格を変更してフライト要素の可視性を変更するスライダーがあります。

ただし、このコードは、状態のルートにステータスが true の未定義のフィールドを追加しています。計算フィールドを使用する以外に、これに関するベスト プラクティスは見つかりません。しかし、計算フィールドも機能しません..

誰かがここで私を助けてくれませんか?

コード内の構文エラーを修正しようとして頭を壁にぶつけていますが、「setState は既存の状態では更新できません」というエラーが引き続き発生します。同様のスレッドを参照しましたが、回答が私の状況に十分に当てはまらないようでした (または解決策が失敗しました)。

問題があるとしてターゲットにしたコードは次のとおりです。

特に、コードは次のように render 内の関数の呼び出しと startSearch 関数を選択しています。

どんな助けでも大歓迎です。