useToggle

源码

//#region 自定义hook
import { useState } from 'react'

function useToggle(defaultVisible: boolean) {
  const [visible, setVisible] = useState(defaultVisible)
  return { visible, setVisible }
}

export default useToggle
//#endregion

function App(){
  // 自定义hook
  const { visible, setVisible } = useToggle();
  return (
    <div>
      { visible && <UnLoadHook />}
      <button onClick={ () => setVisible(false) }>显示隐藏</button>
    </div>
  )
}