react，获取数据问题：第一次获取不到数据，第二次才能获取到数据？

Question

在使用的react版本如下：

已写的部分代码：

useEffect(() => {
    async function fetchData() {
      const { label, value } = await getCurrentCity()
      setLabel(label)
      setValue(value)
    }
    fetchData()
      
    searchHouseList()
  },[])
  
  // 用来获取房屋列表数据
  const searchHouseList = () => {

    API.get('/houses', {
      params: {
        cityId: value,
        ...filters,
        start: 1,
        end: 20
      }
    }).then(res=>{
      console.log("value值：", value)
      console.log("filters值：", filters)
    const { list, count } = res.data.body

    setList(list)
    setCount(count)
    // 数据加载完成的状态
    setIsLoading(false)
    })
  }

首次进入本模块界面时打印出的结果是空值（获取到105959套房源）：

点击“方式“，不选择任何一项，点击“确定”后的打印结果为（获取到1946套房源）：

故障可总结为：第一次获取不到数据，第二次才能获取到数据
请问代码出了什么问题？如何修改？烦请展示代码进行举例说明，感谢~

Answer 1

useEffect(() => {
async function fetchData() {
const { label, value } = await getCurrentCity()
setLabel(label)
setValue(value)
searchHouseList(value)
}
fetchData()

},[])

// 用来获取房屋列表数据
const searchHouseList = (value) => {

API.get('/houses', {
  params: {
    cityId: value,
    ...filters,
    start: 1,
    end: 20
  }
}).then(res=>{
  console.log("value值：", value)
  console.log("filters值：", filters)
const { list, count } = res.data.body

setList(list)
setCount(count)
// 数据加载完成的状态
setIsLoading(false)
})

}