react Hooks useState 不更新数据？

Question

changeResizeable(true）
打印 isResizeable 值还是为 false

const [layout, setLayout] = useState(props.layout)
  const [isShowLayoutPanle, toggleLayoutPanel] = useState(false)
  const [isResizable, changeResizeable] = useState(false)
  const [isDraggable, changeDraggable] = useState(false)

  //显示位置数据并且启动拖拽和大小改变
  ;(window as any).showLayoutPanel = () => {
    toggleLayoutPanel(true)
    changeResizeable(true) //false
    changeDraggable(true) //false
  }

  //关闭位置数据并禁止布局拖动和改变大小
  ;(window as any).hideLayoutPanel = () => {
    toggleLayoutPanel(false)
    changeResizeable(false)
    changeDraggable(false)
  }

  //获取停止改变大小后的配置参数
  const onResizeStop = (layout: any) => {
    setLayout(layout)
  }
  //获取停止拖拽后的配置参数
  const onDragStop = (layout: any) => {
    setLayout(layout)
  }

Answer 1

状态更新是异步的。
你可以使用 useEffect 来打印修改后的isResizable状态值。

useEffect(()=>{
  console.log(isResizable)
},[isResizable])

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。