Cannot acces JSON element react js

Question

I have the following code:

const [intrebari, setIntrebari] = useState([])
     useEffect(() => {
          let idVar = localStorage.getItem('idVarianta');
          idVar = JSON.parse(idVar)
           axios({
             method: "POST",
             data: {
               idVarianta: idVar,
             },
             withCredentials: true,
             url: "http://localhost:4000/getIntrebari",
           }).then((res) => {
              console.log(res)
              const data = res.data;
           setIntrebari(data);
            console.log('Data has been recieved');
           });
        }, [])

which is returning me this:

How can I access the data? If I try intrebari[0].intrebare it gives me "Cannot access property intrebare of type undefined". Any idea? I tried also to console log intrebari[0] and it's displaying the first element, but when i'm trying to access intrebari[0].intrebare it gives me the error described above. Thanks

Ash Ringler · Accepted Answer · 2021-04-01 21:00:55Z

1

Instead of setIntrebari(data), try setIntrebari(res).

answered Apr 1, 2021 at 21:00

Ash Ringler

642 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ash Ringler Over a year ago

Try putting the axios call in an async function (await the axios call), and await the results in the effect hook.

user0412 · Accepted Answer · 2021-04-01 21:35:22Z

0

Solved it by adding this. The problem was that the component was rendering before the data was fetching.

function getIntrebare() {
      if (intrebari.length !== 0) {
        return intrebari[questionIndex].intrebare;
      }
      return "";
    }

answered Apr 1, 2021 at 21:35

user0412

334 bronze badges

Collectives™ on Stack Overflow

Cannot acces JSON element react js

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related