Uncaught TypeError : Impossible de lire la propriété non définie (lire 'img1') dans la promesse

Question

J'utilise réagir.js

fonction async Bannières (accessoires) {
  const réponse = attendre axios.get(`${apiUrl}/assets/get`);

  retour (
    
  );
}
L'erreur ne se produira que lorsque "async" est présent
            

Answer 1

Vous devez envelopper l'appel API asynchrone dans useEffect Hook et stocker les données dans l'état afin de pouvoir utiliser cet état dans la fonction de rendu. Voici un exemple de code sans tests :

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}
    />
  );
}