Ralat Jenis Uncaught: Tidak dapat membaca sifat undefined (baca 'img1') dalam janji

Question

Saya menggunakan react.js

fungsi tak segerak Sepanduk(props) {
  respons const = tunggu axios.get(`${apiUrl}/assets/get`);

  kembali (
    <Kandungan Utama
      text={response.text}
      img1={props.img1 ? props.img1 : response.data.img1}
      img2={props.img2 ? props.img2 : response.data.img2}
    />
  );
}

Ralat hanya akan berlaku apabila "async" hadir

Answer 1

Anda perlu membungkus panggilan API tak segerak dalam useEffect Hook dan menyimpan data dalam keadaan supaya anda boleh menggunakan keadaan itu dalam fungsi pemaparan. Berikut ialah contoh kod tanpa ujian:

function Banners(props) {
  const [response, setResponse] = useState([]);

  const fetchData = async () => {
    const response = await axios.get(`${apiUrl}/assets/get`);
    setResponse(response);
  };

  useEffect(() => {
    fetchData();
  }, []);

  return (
    <MainContent
      text={response.text}
      img1={props.img1 ? props.img1 : response.data.img1}
      img2={props.img2 ? props.img2 : response.data.img2}
    />
  );
}