我是React的新手,我需要显示来自axios响应的数据。它应该是按顺序的,是在db中,但奇怪的axios排序我的数据按字母顺序。我检查了我的后端返回数据,这是正常的。例如,原始数据为:
{
profession: 'doctor',
car: 'Honda',
age: 45,
}
字符串
但我有这个
{
age: 45,
car: 'Honda',
profession: 'doctor',
}
型
React组件
function SearchForm({reqForms}) {
const { register, handleSubmit } = useForm();
const fetchForms = async (data) => {
const res = await axios.post("/api/v1/forms/filtered", data)
console.log(res)
};
return (
<form onSubmit={handleSubmit(fetchForms)} className={styles.searchBar}>
<input
type="text"
{...register("profession")}
/>
<button>Search</button>
</form>
);
}
型
也许你知道我错在哪里
1条答案
按热度按时间disbfnqx1#
不建议依赖于对象属性顺序(有关此方面的更多信息,请参阅this answer)。如果您希望以某种方式显示数据,可以
1.在有序列中使用对象属性(如
data.age
)1.从后端返回一个属性数组(如
[{ age: 45 }, { car: 'honda' }, ...
还有其他选择,但这些是最直接和最确定的。