- 博客(3)
- 资源 (1)
- 收藏
- 关注
原创 react-router-dom使用及源码实现
React-router-dom 是专门用于web应用的路由解决方案。 1、Router、Link、Route 1.1、基本使用 首先编写一个简单的示例: import React from "react"; import { BrowserRouter as Router, Route, Link } from "react-router-dom"; export default function App() { return ( <div className="App"&
2021-09-10 15:49:25 649
原创 useCallback 与 useMemo
useCallback 与 useMemo useCallBack 参数: 一个内联回调函数 依赖项数组 返回值: 该回调函数的 memoized 版本(可以理解为该回调函数被缓存起来了) 只有当依赖项发生改变时,这个回调函数才会重新生成。 使用场景举例: 如果你需要将一个函数作为props传给子组件,并且子组件内部进行了一些优化,比如判断一下props改变时才重新渲染。那么就可以将这个函数使用 useCallback 进行缓存,传入这个函数的 memoized 版本。当父组件更新时,这个 memo
2021-09-03 19:08:41 469
原创 react-redux使用及源码分析(下)
react-redux使用及源码分析(下) 上节主要讲解了 react-redux 在类组件和函数组件中的用法,本节主要分析一下如何自己实现一个 react-redux 1、Provider 组件的实现 我们发现 react-redux 的 Provider 其实和 react 中的 Context 用法很像,其实 react-redux 就是基于 Context 实现的。 Provider 组件的实现很简单: // 1. 创建 context 对象 const Context = React.create
2021-09-02 16:23:48 190
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人