主页 / 问题 / 1550771
Accepted
Иван Ипатов
Asked:2023-11-11 05:44:17 +0000 UTC2023-11-11 05:44:17 +0000 UTC

如何将 setTimeout() 用于 onToggle() React、chakra-ui

  • 772

onToggle()3秒后在另一个函数中调用一个函数是至关重要的

export default function Home() {
  const { isOpen, onToggle } = useDisclosure() // Использую chakra-ui
  const send = () => {
    onToggle()
    // setTimeout(() => onToggle(), 3000)   нужно выполнить
  }
  return (
        <div>
      <Slide direction='top' in={isOpen} style={{ zIndex: 10 }}>
        <p>123</p>
      </Slide>
      <button onClick={() => send()}>Click</button>
    </div>
   )
}

使用钩子是不可能的，因为它们不能在父函数之外使用。我尝试使用 进行调用onToggle()，useTimeout()但它开始瞬时执行，并且我只在调用函数时才需要它send()。

reactjs

1 个回答

  1. Best Answer

    onClose()我通过添加和解决了这个问题onOpen()

    export default function Home() {
  const { isOpen, onOpen, onClose } = useDisclosure() // Использую chakra-ui
  const send = () => {
    onOpen()
    setTimeout(() => onClose(), 3000)
  }
  return (
        <div>
      <Slide direction='top' in={isOpen} style={{ zIndex: 10 }}>
        <p>123</p>
      </Slide>
      <button onClick={() => send()}>Click</button>
    </div>
   )

    • 0

相关问题