数据库中有个字段名称叫“EmployeeID”,在asp.net core中定义的实体类属性也叫“EmployeeID”,在api中没有做任何处理,取的原始数据。在react中取aip的数据:
const fetchData = async () => {
try {
const response = await fetch('http://192.168.3.115:22310/api/Employee/Getemployee');
const result = await response.json();
const sortedData = orderBy(result, [{ field: '证件号码', dir: 'asc' }]);
setData(sortedData);
setState(prevState => ({
...prevState,
virtualData: sortedData.slice(0, pageSize)
}));
} catch (error) {
console.error('Error fetching employees:', error);
}
};
发现取过来的数据变成了:employeeID : 14 人员姓名 : "倪**" 单位名称 : "社区" 性别 : "1" ,导致组件无法显示employeeID。
出问题的原因没兴趣找了,解决办法,重新写获取数据代码:
React.useEffect(() => {
fetch('http://192.168.3.115:22310/api/Employee/Getemployee3')
.then(response => response.json())
.then(data => {
const transformedData = data.map((item: any) => ({
...item,
EmployeeID: item.employeeID // 将 employeeID 字段转换为 EmployeeID
}));
setData(transformedData);
})
.catch(error => console.error('Error fetching data:', error));
}, []);