react(笔记) 2.3---封装hook思路

不断努力的根号七

已于 2025-02-27 01:17:01 修改

阅读量148

点赞数 2

分类专栏： react 文章标签： react.js 笔记 javascript

于 2025-02-15 23:12:01 首次发布

本文链接：https://blog.youkuaiyun.com/2302_77002233/article/details/145658524

版权

react 专栏收录该内容

16 篇文章

订阅专栏

--示例代码

import {  useState } from "react"

function Son(){
return <div>我是子组件</div>
}
function useToggle(){
  const [show ,setShow] = useState(true)
  const isShow = ()=> setShow(!show)
  return{
    show,
    isShow
  }
}
function App() {
  // const [show ,setShow] = useState(true)
  // const isShow = ()=> !show
  const { show,isShow} = useToggle()
  return (
   <div>
    {show && <Son></Son>}
   <button onClick={isShow}>卸载组件</button>
   </div>
  )
}

export default App

----知识扩展( hook函数的规则)