Uncaught TypeError: Promise で未定義のプロパティ ('img1' を読み取る) を読み取ることができません

Question

react.js を使用しています

非同期関数 Banners(props) {
  const 応答 = await axios.get(`${apiUrl}/assets/get`);

  戻る （
    <メインコンテンツ
      text={response.text}
      img1={props.img1 ? props.img1 : 応答.data.img1}
      img2={props.img2 ? props.img2 : 応答.data.img2}
    />
  );
}

エラーは「async」が存在する場合にのみ発生します

Answer 1

レンダリング関数で状態を使用できるように、非同期 API 呼び出しを useEffect フックでラップし、データを状態に保存する必要があります。テストなしのサンプルコードは次のとおりです:

リーリー