小和山的菜鸟们

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 Hook 本质就是 JavaScript 函数，但是在使用它

把内联回调函数及依赖项数组作为参数传入 useCallback ，它将返回该回调函数的 memoized 版本，该回调函数仅在某个依赖项改变时才会更新。当你把回调函数传递给经过优化的并使用引用相等性

useRef 返回一个可变的 ref 对象，其 current 属性被初始化为传入的参数（initialValue）。返回的 ref 对象在组件的整个生命周期内保持不变。

通过 useEffect 的 Hook，可以告诉 React 需要在渲染后执行某些操作；而 useEffect 的第一个参数要求我们传递一个函数，在 React 执行完更新

useState() 用于为函数组件引入状态。纯函数不能有状态，所以使用钩子来引入状态。 简单来讲，useState 就是为函数组件提供了 React state 的功能，现在就可以称为函

react 的核心思想就是，将一个页面拆成一堆独立的，可复用的组件，并且用自上而下的单向数据流的形式将这些组件串联起来。但如果你在大型的工作项目中用 react，你会发现你的项目中实际上很多

目前网络上有许多学习资料，[React 官方学习网站](https://zh-hans.reactjs.org/docs/hooks-intro.html) 中的内容，讲述虽然详细，但是在例子上，较为

我们这次学了一些新内容，我们需要将之前的改版。 首先我们需要登录页面，并且通过HOC（高阶组件）添加鉴权功能。加上路由跳转，完善页面。

react-router 是一组以声明方式与您的应用程序组合的导航组件，换句话，react-router 是 React 体系中的路由库，它通过管理 URL，实现组件的切换和状态的变化