MFWSCQ的博客

useCallbackconst memoizedCallback = useCallback( () => { doSomething(a, b); }, [a, b],);返回一个 memoized 回调函数 。把内联回调函数及依赖项数组作为参数传入 useCallback，它将返回该回调函数的 memoized 版本，该回调函数仅在某个依赖项改变时...

我们有时候的路由需要传递一个参数例如：a/b/:id如果路由是a/b/123那么就可以直接匹配了，但b后面如果是这样的子路由该怎么匹配呢：a/b/sub。这时候是应该匹配的是参数路由还是子路由呢。解决方法：将通配路由放到最后面就可以了，即a/b:id放在最后进行匹配。这是我们的跳转链接： <Link to="/a" >组件A</Link> ...

一、基本使用我们有时候需要像之前直接在html的head中引入iconfont的css文件，然后就能够在html页面中使用iconfont了。首先介绍下iconfont的基本使用如下：1.先将图标加入购物车，然后下载项目，在html中引入其中的css文件<link rel="stylesheet" href="./iconFont/iconfont.css">2.在h...

本文翻译自ROBIN WIERUCH的文章，详细介绍了使用react hooks请求数据的各种方式以及会涉及到的各种应用。本文稍长，希望对你有帮助。在本教程中，我想向您展示如在React Hooks中使用useState和useEffet获取数据。我们将使用众所周知的Hacker News API从科技界获取热门文章。您还将实现用于数据获取的自定义hooks，该hooks可在应用...

对于那些来自Redux背景的人来说，useReducer看起来似乎复杂而不必要。在useState和上下文之间，很容易陷入这样的陷阱：对于大多数较简单的用例，Reducer会增加不必要的复杂性。但是，事实证明useReducer可以大大简化状态管理。让我们看一个例子。与我的其他帖子一样，此代码来自我的书目项目。用例是屏幕允许用户扫描书籍。记录ISBN，然后将其发送到一个查找图书信息的限速服务。...

我们在做项目的时候经常会遇到会使用各种各样的图表，在react项目中处理图标时使用echart-for-react包，他依赖于echarts包安装：npm install --save echartsnpm install --save echarts-for-react引入并使用：import ReactEcharts from 'echarts-for-react';...

在项目中我们经常会用到树形结构，在之前我们没有用到react时都是直接用jquery来操作dom等，现在使用react应当使用数据流来控制ui了，所以碰到树形结构理所当然就会想到用一些支持react的ui框架来写，比如antd中的Tree组件来实现。但是antd中的树组件有时候并不能满足我们的一些特殊要求，如果自己造轮子来写一个树组件，emmmmmmmmm这样也是可以的，但是自己现在太菜了还是...

使用了css-loader中的css modules来打包代码，想要直接在css中修改antd中的样式但是类名会被加上hash值，应用不到antd的样式上，另外antd的类名不经css-modules改变（配置）。我要修改的是antd中的样式，用自己的样式覆盖默认的样式，比如modal中的背景颜色。使用:global来修改：:global{ .ant-modal-...