典型的b2b网站有_成都搭建企业网站_强强seo博客_品牌服务推广

自定义Hook函数

概念：自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用

import {useState} from "react";function CompA () {return <div>这是子组件</div>
}// 自定义hook
function useToggle() {const [show, setShow] = useState(true)const toggle = () => setShow(!show)return {show,toggle,}
}function App() {const {show, toggle} = useToggle()return (<div>{show && <CompA/>}<button onClick={() => toggle()}>点击</button></div>);
}

React Hook使用规则

使用规则

1. 只能在组件中或者其他自定义Hook函数中调用
2. 只能在组件的顶层调用，不能嵌套在if、for、其他函数中