Using a POST request's response values in React Native-CodePudding

everyone. I'm a new developer and this is my first post here, so please bear with me. What I'm trying to do is access the values that I received from a POST request that I made.

Below you can see what I'm trying to do. I set up a state where I'll store my data and then there's a function called fetchData that does a POST request and receives an object with the values, right?

Now I that I've received my object, I want to store its values in some of my variables.

Since the values have been stored in the 'data' state, I thought I would access its values by doing something like 'userName = data.userName', or something like 'age = data.userAge'. Obviously that didn't work out because my IDE does not know those values yet lol. So how do you think I should access them?

  const [data, setData] = useState([{}]);

  useEffect(() => {
    fetchData({
      ids: [0],
    })
      .then((response: any) => {
        setData(response);
      })
      .catch((error: any) => {
        console.log('error', error);
      });
  }, []);

CodePudding user response：

dont place the function directly in useEffect, do something like this instead

const [data, setData] = useState([])

const getData = async() => {
 try{
  const response = await fetchData({ids: [0]});
  setData(response);
 }catch(error){
  console.log(error);
 }
}

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