edit form with setdata

[patricpfranca]

Hello,

Description
I'm trying to set data from a api in a form using formRef.current.setData. However, I getting and error because formRef is null. I'm calling a function load inside of useEffect and i'm setting the data at Try

Exception or Error

async function load() {
  const { data } = await api.get('...', {
        headers: {
          Authorization: `Bearer ${token}`,
        },
      });

   formRef.current.setData({
      name: data.name,
      age: data.age,
    });
}

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

Screenshots

Environment:
"@unform/core": "^2.1.6",
"@unform/mobile": "^2.1.6",
"react": "17.0.1",
"react-native": "0.64.0",

[patricpfranca]

can anyone help me with this?

[lvsouza]

For the first run, your formRef.current is undefined...

Then you can use a ?...

async function load() {
  const { data } = await api.get('...', {
        headers: {
          Authorization: `Bearer ${token}`,
        },
      });

   formRef.current?.setData({
      name: data.name,
      age: data.age,
    });
}