Axios accidentelly按字母顺序排序响应数据

jk9hmnmh  于 2023-08-04  发布在  iOS
关注(0)|答案(1)|浏览(105)

我是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>
  );
}


也许你知道我错在哪里

disbfnqx

disbfnqx1#

不建议依赖于对象属性顺序(有关此方面的更多信息,请参阅this answer)。如果您希望以某种方式显示数据,可以
1.在有序列中使用对象属性(如data.age
1.从后端返回一个属性数组(如[{ age: 45 }, { car: 'honda' }, ...
还有其他选择,但这些是最直接和最确定的。

相关问题