Soy nuevo en React Native y estaba siguiendo un tutorial de como parsear un JSON y casi en el paso final me ha saltado este error:
El problema viene cuando (después de asegurarme que el contenido se ha cargado en el primer if) intento asignara a la variable 'movies' el contenido que recoge del JSON. Este es el código:
import React from 'react';
import {
StyleSheet,
Text,
View,
TextInput,
TouchableOpacity,
ActivityIndicator
} from 'react-native';
export default class App extends React.Component{
constructor(props) {
super(props);
this.state= {
isLoading:true,
dataSource:null,
}
}
componentDidMount() {
return fetch('https://facebook.github.io/react-native/movies.json')
.then( (response) => response.json())
.then( (responseJson) => {
this.setState({
isLoading:false,
dateSource: responseJson.movies,
})
})
.catch( (error) => {
console.log(error)
});
}
render() {
if(this.state.isLoading){
return (
<View style={stylesss.container}>
<ActivityIndicator/>
</View>
)
} else {
let movies = this.state.dataSource.map((value, key) => {
return <View key={key} style={stylesss.item}>
<Text>{val.title}</Text>
</View>
});
return (
<View style={stylesss.container}>
<Text>{movies}</Text>
</View>
);
}
}
}
Si alguien me pudiese ayudar, se lo agradecería un montón
setState
tienesdateSource
y nodataSource
como defines en tu state. Con respecto a la respuesta que te dieron ya