在 React native 中,我想从 web URL 中检索 js 数据并使用它。这是我的代码:
export default class Test extends Component {
constructor(props) {
super();
this.subscription = 0;
this.state = {
};
changePage = props.cb;
console.log("props", props);
render(){
return (
<Container ref="park-places-ref">
<View style={styles.viewmain}>
<View style={styles.viewborder}>
</View>
fetch('https://online.ssm.it/php/mobile/parkinfo') // Call the fetch function passing the url of the API as a parameter
.then((response) => response.json()) // Transform the data into json
data={response.body}
})
.catch(function() {
// This is where you run code if the server returns any errors
});
<FlatList
ItemSeparatorComponent={ () => <View style={ styles.rowSep } /> }
Mydata={data}
renderItem={
({item}) => (
<View style={styles.row}>
<View style={styles.circle} backgroundColor= {item.color}/>
<View style={styles.column}>
<Text style={styles.itemBold}>{item.extensioname}</Text>
<Text style={styles.itemNormal}>{item.free}</Text>
<Text style={styles.itemBold}>{item.freeplaces}</Text>
</View>
</View>
)
}
keyExtractor={item => item.extensioname}
/>
</View>
</Container>
);
}
}
}
每当我尝试检索数据正文时,我都无法检索它,它向我显示一个错误:我需要使用表中的数据,如下所示:
找不到变量:响应
你能帮我解决问题吗?如果您需要更多信息,请告诉我。
实际上,在 fetch(( 函数调用中还需要一条链。
fetch( ... )
.then((response)=>response.json())
.then((resp)=> data={resp})
.catch( ... );
查看文档:https://facebook.github.io/react-native/docs/network.html