React Hooks
文章平均质量分 68
React Hooks就是加强版的函数组件,我们可以完全不使用class,就能写出一个全功能的组件。
哚啦A孟
前端菜鸟
展开
-
React Hooks之useReducer
useReducer 是 useState 的替代方案。它接收一个形如 (state, action) => newState 的 reducer,并返回当前的 state 以及与其配套的 dispatch 方法。原创 2022-09-27 18:07:46 · 98 阅读 · 0 评论 -
React Hooks之useContext
接受一个 context(上下文)对象(从React.createContext返回的值)并返回当前 context 值,由最近 context 提供程序给 context 。当提供程序更新时,此 Hook 将使用最新的 context 值触发重新渲染。原创 2022-09-27 14:41:01 · 552 阅读 · 0 评论 -
React Hooks之useRef
`useRef` 返回一个可变的 `ref` 对象,其 `.current` 属性被初始化为传入的参数(`initialValue`)。返回的 `ref` 对象在组件的整个生命周期内持续存在。原创 2022-09-27 14:13:06 · 155 阅读 · 0 评论 -
React Hooks之useCallback&useMemo
`useCallback`防止因为组件重新渲染,导致方法重新创建,起到缓存作用。只有某个依赖项变化了,才重新声明一次。原创 2022-09-23 17:43:23 · 340 阅读 · 0 评论 -
ReactHooks之useEffect
`useEffect`相当于 `componentDidMount`(组件挂载),`componentDidUpdate`(组件更新) 和 `componentWillUnmount`(组件将要销毁) 这三个生命周期函数的组合。原创 2022-09-23 15:16:32 · 4733 阅读 · 0 评论 -
React Hooks之useState
Hooks 的最大的作用就是可以让你在不编写`class`的情况下使用`state`以及其他的 React 特性。而 `useState` 的功能就是让你在函数式组件中使用 `state`。原创 2022-09-23 14:20:10 · 689 阅读 · 0 评论