react useState useEffect的问题

Question

function CreateForm (props) {
  const [industry, setIndustry] = useState([]) // 行业
  
  useEffect(() => {
    const getIndData = async () => {
      let res = await getIndustry();
      setIndustry(x => {
        x = res.map(item => {
          return {
            id: item.id, 
            label: item.name,
            pcUrl: item.pcUrl,
            wapUrl: item.wapUrl
          }
        })
        console.log(x, 8)
      })
      console.log('industry', industry,9)
    }
    console.log('industry', industry, 7)
    getIndData()
  }, [])
  console.log('industry', industry, 6)

  return (
    <div>
      {industry.map(item => (
        <p key={item.id}>{item.label}</p>
      ))}
    </div>
  )
}

export default Form.create()(CreateForm);

为什么console.log(x, 8)已经把值赋进去了.
console[9]/ [7] / [6] 都取不到值?
哪里错了吗

Answer 1

因为 setIndustry 是异步的。

Answer 2

suseEffect的第二个参数可以用来监听，此项内容改变，会触发useEffect的再次执行
可以再写个useEffect，用来监听industry