2026-08-17 Next App Router常用API以及替换
getStaticPaths、getStaticProps、getServerSideProps、getInitialProps，这四个是 Pages Router 专属，A...
#Next.js
⚛️
React 生态
生命周期、Hooks、Fiber、Redux 与 Next.js
25 篇文章
📝 博客中心
25 篇文章2024-12-05 useMemo和useCallback区别
React 中的 useMemo 和 useCallback 是 React Hooks 的一部分，它们用于性能优化。 useMemo 用于记住某个值的计算结果，如果依赖项没...
2023-02-21 React Fiber
省流：首先，React Fiber并没有解决更新庞大组件树耗时长的问题，实际上总的耗时还是一样的长。但是它解决了一个被广大开发者口诛笔伐的恶行：长时间霸占主线程不放。 它的工...
#React
2022-04-06 react插入meta标签，解决将http升级为https
可以手动添加标签tag到head上 https://blog.csdn.net/caiyongshengCSDN/article/details/104215118[http...
#React
2021-10-12 mobx和state区别和使用
写下这篇文章前因为之前工作开会上听了同事曾说过不知道为什么状态都放在Mobx仓库里，感觉有点不好，毕竟大家用vue太多了不太理解react和仓库间的关系。但其实用了mobx就...
2021-03-21 react常用生命周期
componentWillMountcomponentDidMountcomponentWillReceivePropsshouldComponentUpdatecompon...
#React
2020-10-26 react的memo用法
与PureComponent不同的是PureComponent只是进行浅对比props来决定是否跳过更新数据这个步骤，memo可以自己决定是否更新，但它是一个函数组件而非一个...
#React
2020-07-15 redux笔记之一
直接先引入阮一峰老师的例子先： 1.Store 就是把它们联系到一起的对象2.action就是负责通过store.dispatch()传递数据到store3.Reducer指...
2019-10-11 获取当前this元素
在HTML元素处写法如下:<OverflowMenuItemitemText={locale.modify}onClick={(e) = this.expand(e)}/...
react通过ajax初始化数据渲染与setState的执行顺序
所有初始化时间或通过ajax获取到的数据进行初始化渲染的一般不能通过state控制，因为setState不是同步而是异步。但却可以优先在componentWillmount设...
#React
深入setState的异步和同步原理
在 React 中，如果是由 React 引发的事件处理（比如通过 onClick 引发的事件处理），调用 setState 会同步更新 this.state，除此之外的 s...
React转义字符
首先贴上自己一小段code 其中dangerouslySetInnerHTML就是负责html展示的内容，同时该标签内不允许写入文字，只能在这个属性里写
#React
setState是同步还是异步？
1.在组件生命周期中或者react事件绑定中，setState是通过异步更新的。2.在延时的回调或者原生事件绑定的回调中调用setState不一定是异步的。 这个结果并不说明...
react的跨域问题
在packge.json加入 "proxy": "http://0.0.2.89:7300" 例如你原本地址是localhost:8000端口，将会映射到上面的那个proxy...
#React #跨域
react的bind(this)
在调用this.setState()的时候出现了this为undefined的情况，如何处理。（四种写法，其中一种ES6的写法，无需bind的写法，用箭头函数） 第一种：在E...
#React
笔记
组件里面方法函数内部可以写return标签，在里面render引用渲染模板 react的map函数与es5的map函数不相同，es5内部无法写入标签 渲染列表多使用map()...
react里的index.js是怎么跟index.html结合起来的?
create-react-app 把webpack、babel等配置都封装到了依赖项目react-script中，所以你无法直观的看到这些配置。你可以在项目下运行npm ru...
#React
React-router的hashHistory 和 browserHistory 的区别
browserHistoryhashHistorycreateMemoryHistory官方推荐使用browserHistory 使用hashHistory,浏览器的url是...
#React
react-router-dom中Switch和exact
路由地址： 内容： / 根 /user 用户 /user/hh用户笑了 先说exact：(此时没有Switch)，给 / 设置exact精确匹配 地址栏： /user/hh ...
#React