为什么React setState钩子没有立即更新？[副本]

Question

onClick={() => {
        console.log("Clicked: ", props.rank, props.suit, selected); 
        setSelected(!selected)
        console.log("selected: ", selected)
        // props.handle_card_selected(props.id, selected)
      }}

useEffect(() => {
    const check_border = () => {
      if (selected) {
        return "green"
      }
      return "black"
    }
    check_border()
  }, [selected])

Answer 1

这种行为有以下几个原因：

• 状态异步更新
• 在任何特定的呈现中，状态和道具都不会更改，更改只在组件重新呈现时才会反映

如果要记录selected的更新值，请将log语句放在useEffect挂钩中。