小白学react之Next.js 14(二)获取数据首字母变小写

       数据库中有个字段名称叫“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));
    }, []);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值