React Native / Javascript - не удается обновить представление после функции асинхронной выборки. Неверный порядок исполнения

приведенный ниже код вызовет fetch () для получения некоторых данных, и только после получения он отобразит один вывод. Но при этом всегда не удается обновить представление после асинхронного вызова. Я новичок в этом реагировании на родные асинхронные вызовы, поэтому я хотел бы получить некоторую помощь в этом. Вот необходимые части кода.

import React from 'react'
import {StyleSheet, View, ScrollView, Alert} from 'react-native';
import {Card, Button, Text} from 'react-native-elements';
import {TextField} from 'react-native-material-textfield';

class MyScreen extends React.Component {
    static navigationOptions = ({navigation}) => ({
        title: 'Title'
    });

    constructor(props) {
        super(props);

        const {navigation} = this.props;

        this.state = {
            loaded: false
        };
    }

    async componentWillMount() {
        let responseJson = await this.fetchData().done();
        console.info(responseJson);

        console.info('componentWillMount finished');
    }

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

        return await response.json();
    };

    render() {
        let view;
        console.info('in render');


        if (this.state.loaded) {
            view = <Text>Vikasitha</Text>
        } else {
            view = <Text>Buddhi</Text>
        }

        return (
            view
        )
    }
}

const styles = StyleSheet.create({
    card_info: {
        flex: 1,
        height: 10
    },
    card_leave: {
        flex: 2,
        height: 30
    }
});

export default MyInfoPersonalDetailsScreen;

Журнал консоли печатается в следующем порядке.

console.info('in render')
console.info(responseJson) //prints undefined
console.info('componentWillMount finished')

Но если функции await и async синхронизируются правильно, это должно быть в порядке,

console.info(responseJson)
console.info('componentWillMount finished')
console.info('in render')

• Это? (это из моего понимания.)
• Правильное использование componentWillMount? (используется componentWillMount, потому что он должен выполняться перед рендерингом. В отличие от componentDidMount)

Я просто хочу, чтобы поток был в правильном порядке. Речь идет о порядке выполнения, когда используются конструктор, componentWillMount и render. Не беспокойтесь о неиспользуемых переменных и недостающих частях.

Любая помощь приветствуется !!