Получение данных, полученных Json со второй попытки
Я получаю данные Json со второй попытки. Мне нужно дважды обновить экран, чтобы получить данные. Мысли?
var data = [];
class Profiel extends Component {
constructor(props) {
}
componentDidMount() {
this.setState({fetching:true},()=>{
this.getData().then(JsonData => data=JsonData).then(console.info(data));
});
}
getData(){
return fetch('https://Domain.eu.auth0.com/userinfo', {
method: 'GET',
headers: {
Authorization: 'Bearer ' + token,
},
}).then((response) => {return response.json()})
};
Пожалуйста, сделайте отступ правильно, чтобы мы могли лучше понять код.
Либо ваш компонент не монтируется при загрузке первой страницы (где HTML?), Либо ваш токен не находится на месте до после загрузки первой страницы (что более вероятно).
Это экран моего профиля пользователя в моем собственном приложении React. Когда я нажимаю кнопку своего профиля, я перехожу на этот экран. но при первой попытке страница моего профиля пуста, плюс переменная данных также не определена в консоли. Но когда я возвращаюсь на главный экран, а затем снова нажимаю кнопку профиля, я вижу свой профиль ... Сейчас я использую жестко закодированный токен, поэтому токен не должен быть проблемой.
Мой HTML выглядит так. render () {return (<View style = {styles.container}> <Image style = {styles.avatar} source = {{uri: data.picture}} /> <Text style = {styles.name}> {data .email} </Text> </View>}
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Почему вам нужно обновлять приложение два раза?