React Hook 入门使用

 React Hook 是什么 1、没有比官网说的更好的 HOOK

1. React Hook 官方

2. 用我们自己的话说,它是一个钩子函数,用来处理组件间的状态的一个方法,暂时理解为一个高阶函数吧。

2、React Hook 可以做什么

对于已经习惯使用class 的一些同学,使用生命周期函数也可以很方便的帮我处理一些状态,比如render函数渲染, compnentDidMount 里调用接口,comnentWillUnmount销毁组件...,熟练使用这些生命周期函数也不是说有问题,但是在某一些事情上,比如在更新状态的时候,需要对比下组件前后的数据,需不需要更新,如componentDidUpdate(prevProps, prevState), 组件销毁的时候,我们是不是还要处理下其他脏活累活等等。上面的多余的操作,React Hook 可以在 hook 函数里面,帮我们做了这些事。

3、React Hook 怎么做(用)

我们继续沿用官网的demo来讲,(官网已经讲的很透彻了)

import React, { useState } from 'react'; function Example() { // 声明一个新的叫做 “count” 的 state 变量 const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); }
export default Example

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zypgfg.html