我是使用Native React的新手,我正在开发一个项目,该项目包含在我的项目中显示Api的数据。我看过教程,大多数(如果不是全部)都使用相同的Api:
但是我想要的是也能够显示连接到本地BD的本地API的数据,这就是为什么我使用ASP.Net开发Web API的原因,我受此{{0} }
在SQL Server中创建一个数据库(这是我要用于该项目的数据库)并生成API;该API正常运行,并通过POSTMAN进行了测试。
现在的问题是我想在我的项目中使用它,并且遵循部分中React Native官方页面上的教程对我不起作用。
这是我的代码:
import React from 'react';
import { FlatList, ActivityIndicator, Text, View } from 'react-native';
export default class FetchExample extends React.Component {
constructor(props){
super(props);
this.state ={ isLoading: true}
}
componentDidMount(){
return fetch('http://192.168.2.19:53943/api/users')
.then((response) => response.json())
.then((responseJson) => {
this.setState({
isLoading: false,
dataSource: responseJson.users,
}, function(){
});
})
.catch((error) =>{
console.error(error);
});
}
render(){
if(this.state.isLoading){
return(
<View style={{flex: 1, padding: 20}}>
<ActivityIndicator/>
</View>
)
}
return(
<View style={{flex: 1, paddingTop:20}}>
<FlatList
data={this.state.dataSource}
renderItem={({item}) => <Text>{item.Name}, {item.Email}</Text>}
keyExtractor={({id}, index) => id}
/>
</View>
);
}
}
执行项目时收到的错误消息是THIS
JSON解析错误:无法识别的令牌
我可能做错了什么?我怀疑这可能是发生在FETCH上的URL,因为它消除了所有render(),只留下了一条显示消息,并且不断出现相同的错误。谢谢
答案 0 :(得分:0)
嗨,您应该将此代码添加到Global.asax Application_Start()中:
if(res.status === 400) {
}
并将此代码添加到WebApiConigg中:
uint64_t data = 0;
for (int i=0; i<6; i++)
{
data <<= 8;
data |= (uint64_t) buf[i];
}
休息视觉stdio并再次运行项目WebApi地址
stop react-native模拟器=> cntrl + c react-native-run-android