React Native/javascript - Cannot Update View After Async Fetch Function. Invalid Order Of Execution

the code I have put down below will call fetch() to recieve some data and only after fetching it will display one output. But this always fails to update the view after the async c

Solution 1:

  componentDidMount() {
    // just call async function in didMount
      this.fetchData();
    }

    fetchData = async () => {
        const response = await fetch('myurl/' + GLOBAL.account_data.account.emp_number, {
            method: 'GET',
            headers: new Headers({
                'Authorization': 'Bearer ' + GLOBAL.access_token,
                'Content-Type': 'application/json'
            })
        });

        let result =  await response.json();
        console.log(result);
        console.log(responseJson);
        console.log('componentWillMount finished');
        // update your state here
         this.setState({result});
    };