React のコンポーネントは状態変更後も変更されません (componentDidMount フェッチ)

Question

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

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

ああああ

Answer 1

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

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

あなたは

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

これはdidMount

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

Answer 2

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

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

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