react，第一次获取不到数据，要到第二次才能获取到？

在使用的react版本如下：

已写的代码：

import React, { useEffect, useState } from 'react'
function HouseList() {
// ...
  const [filters, setFilters]  = useState({})
  const searchHouseList = async (value) => {
    await API.get('/houses', {
      params: {
        cityId: value,
        ...filters,
        start: 1,
        end: 20
      }
    }).then(res => {
      console.log(filters)
// ...
    })
  }
  const onFilter = filters => {
    setFilters(filters)
  }
// ...

return (
// ...
)
}
export default HouseList

打印结果是，第一次打印出空值，要第二次才能打印出想要的值，证明第一次获取不到数据，要到第二次才能成功获取数据：

请问如何修改代码才能实现第一次就成功获取想要的数据？
请在现有代码基础上展示举例说明，谢谢