简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
React のコンポーネントは状態変更後も変更されません (componentDidMount フェッチ)
P粉384679266
P粉384679266 2023-09-12 00:02:48
0
2
507

ニュース アプリを作成するチュートリアルに従っています。newapi からデータを取得しています。コードはチュートリアルと同じですが、状態 (this.state.articles) を更新すると、コンポーネントは変わらないよ。 setState 関数を使用し、コンソールに状態を記録しようとしました。更新後は状態が正常に見え、レンダリング メソッドが実行されましたが、何も変化しませんでした。何か問題が発生した可能性があります

私のコード/コンポーネント

ああああ

P粉384679266
P粉384679266

全員に返信 (2)
P粉724737511
P粉7247375112023-09-12 17:52:54 2棟

こんにちは@Curious、あなたのコードは正しいです

マップを作成するときに注意する必要があるのは

あなたは

this.articlesを使用しています。これは固定 (エミュレートされた) リストです

これはdidMount

で変更した状態であるため、this.state.articlesでmapを呼び出す必要があります。

いいねを押す+0
返信を追加
    P粉311464935
    P粉3114649352023-09-12 16:04:16 1棟

    this.articlesとthis.state.articlesは同じではありません。

    静的プロパティthis.articlesがあり、これをレンダリング ロジックで使用します -this.articles.map(...。フェッチにより状態が更新されます ( 通常手術）。＃＃＃

    this.state.articlesからデータを読み取るようにレンダリング ロジックを更新すると、機能するはずです。

    いいねを押す+0
    返信を追加
      人気のトピック
      詳細>
      人気の記事
      人気のチュートリアル
      詳細>
      関連するチュートリアル
      人気のおすすめ
      最新のコース
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート
      私たちについて 免責事項 Sitemap
      PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！