![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
RicardoMANUTD
这个作者很懒,什么都没留下…
展开
-
解决react router刷新后跳转其他页面的需求
解决react router刷新后跳转其他页面的需求在开发工作中碰到了一个需求,页面刷新的时候需要跳转到另外一个页面,只有正常的案件逻辑才能进行下一个页面的渲染此前尝试使用过onload、onbeforeunload事件,搭配localStorage存储一个prevRoute来进行判断是否是刷新后的页面,然后在load之后进行页面的跳转,但是方法实现之后发现效果非常不好,而且还涉及到一些其他的逻辑判断,所以查找是否有其他方式解决此问题。后续查找react router如何实现传参时,忽然意识到,不同的原创 2021-05-08 23:04:39 · 862 阅读 · 0 评论 -
使用最新的create react app脚手架创建项目后如何使用DllPlugin打包出不常变更的第三方库
思路由于不管是上测试环境还是上生产环境,都需要经常打包代码,但是如果把事件都花在打包代码上得不偿失,所以可以把不常变更的第三方库都单独打包出来,然后只打包自己的逻辑代码,这样就可以加快打包速度具体实现1. webpack.dll.config.js如图,在config目录下创建webpack.dll.config.js,添加代码:// webpack.dll.config.jscon...原创 2020-01-10 16:31:56 · 567 阅读 · 0 评论 -
使用webpack时发生Cannot read property 'tap' of undefined
webpack设置后出现报错信息使用webpack的插件时要注意不要放错位置,create-react-app生成的项目目录使用eject解压缩之后的webpack设置中会有包含在resolve中的plugins,在使用类似webpack.DllReferencePlugin这种插件时要注意放在正确的位置,否则会在运行时出现’tap’未定义的问题...原创 2020-01-10 14:35:38 · 4910 阅读 · 3 评论 -
HOC和Redux的connect
HOC高阶组件(HOC),个人认为其实就是将已写好的组件外层再包裹一层,进而可以达成以下操作:代理props反向继承(Inheritance Inversion)属性代理const HOC = (WrappedComponent) => class WrapperComponent extends React.Component{ render(){ const ...原创 2018-11-14 11:36:49 · 500 阅读 · 0 评论 -
有关React的State初始化的问题
使用create-react-app脚本工具时初始化state可以用如下写法:class Example extends React.Component{ state = { name: "name" } onValueChange = (e) => { this.setState({ name: e.target.value }) } render(){...原创 2018-11-14 11:45:20 · 1736 阅读 · 0 评论 -
React hooks
Hooks何时使用hooks如果你编写一个函数式组件并意识到你需要为它添加一些 state(状态) ,那么之前你必须将它转换为一个 classes(类) 。 但是现在,您可以在现有函数式组件中使用 Hook 。也就是说,在React的早前版本中,如果想创建一个携带state(状态)的组件,就只能使用Class来创建,无法使用函数式创建方法。使用hooks之后,可以使用函数方法创建组件,并...原创 2019-01-21 11:15:46 · 106 阅读 · 0 评论 -
在React中使用H5接口IntersectionObserver实现图片懒加载
export let picLazyLoad = function(){ let observer = new IntersectionObserver( (changes) => { changes.forEach((change) => { if(change.intersectionRatio >...原创 2019-02-22 14:31:57 · 1254 阅读 · 0 评论 -
react中如何实现类似VUE的具名效果
在子组件中使用this.props时,该属性有一个children属性,使用该属性即可获取父组件包含的内容例如:import React from 'react'class JobManagement extends React.Component{ constructor(props){ super(props) this.state = { ...原创 2019-02-28 10:06:05 · 771 阅读 · 0 评论