![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
react
文章平均质量分 84
react 记录
六月要好好加油呀
一杯敬朝阳 一杯敬脚下
展开
-
2022/06/28 react项目报错FATAL ERROR: invalid array length Allocation failed - JavaScript heap out of mem
react项目运行遇到OOM报错,内存溢出原创 2022-06-28 16:22:55 · 1639 阅读 · 2 评论 -
2020/10/12 设置antd Slider组件的取值范围
问题 原本组件的范围应该是[0,100],设置的数据过小就会出现以下问题发现官网api解决代码 很简单效果看资料的时候发现一个博主的写得很好,但我get不到,可以参考https://blog.csdn.net/u013147600/article/details/42492365...原创 2020-10-12 00:31:30 · 1098 阅读 · 0 评论 -
2020/10/11 react引入单独的const组件
1.公开这个const组件2.父组件引用,和正常组件引入方式一样参考链接https://segmentfault.com/q/1010000015744903原创 2020-10-11 23:25:01 · 342 阅读 · 0 评论 -
2020/10/09 react 函数式组件解决 antd tabs 重复渲染
问题效果之前的代码解决方法使用 条件渲染 实现每次切换刷新页面修改后的代码import React, { useState } from 'react';--const [activeKey, setactiveKey] = useState("1") let onChange = (key) => { setactiveKey(key) }--<div className="my-ads"> <Tabs de..原创 2020-10-09 21:35:39 · 1430 阅读 · 0 评论 -
2020/09/29 鼠标移入 显示二维码或图片 移出隐藏
效果代码-js-css-js函数代码块jslet showImg = function (e) { // console.log("show") e.persist() // console.log(e.currentTarget) // console.log(e.currentTarget.getAttribute("data-id")) let id = e.currentTarg..原创 2020-09-29 21:56:15 · 481 阅读 · 0 评论 -
2020/09/29 a标签报错 The href attribute requires a valid value to be accessible. Provide a valid
报错详情The href attribute requires a valid value to be accessible. Provide a valid,出错代码解决方法#号那里改成 /# 即可原创 2020-09-29 21:52:37 · 774 阅读 · 0 评论 -
2020/09/28 轮播react-slick报错 can`t resolve ‘react-slick‘
报错前提我已经按照官网安装好了npm install react-slick --savenpm install slick-carousel --save并且引入了css样式import “~slick-carousel/slick/slick.css”;import “~slick-carousel/slick/slick-theme.css”;最后发现原因因为我安装了淘宝镜像,安装的时候喜欢用cnpm,结果我再重新用npm安装,发现有更新,应该就是cnpm的问题..原创 2020-09-28 23:19:40 · 736 阅读 · 0 评论 -
2020/09/28 react函数式组件 useEffect 监听滚动事件 获取滚动高度
目标效果,以圆通速递官网为例–滑动一定高度后代码–代码块const reductionStyle = { position:"absolute", top:"3.75rem", width:"80%", borderRadius:"40px", marginLeft:"10%", zIndex:"9999"}function ChangeNav() { let handleScroll = function(){ ..原创 2020-09-28 19:22:19 · 5363 阅读 · 7 评论 -
2020/09/25 react中点击子节点获取当前子节点的父元素
问题描述:在以下商品结束中点击任意部位,获取到这个块级元素的事件-比如点button img span 都能够获取到每个商品的黄色大框直接用event,currentTarget获取-虽然只打出event看,currentTarget为null,但其实能够拿到这个值...原创 2020-09-25 00:04:21 · 1648 阅读 · 0 评论 -
记录 react的常用指令
1.引用axiosnpm i --save axios2.react路由npm i --save react-router-dom3.安装antd$ npm install antd --save4.安装antd图标npm install --save @ant-design/icons原创 2020-09-24 23:58:34 · 2215 阅读 · 0 评论 -
2020/09/24 react中函数组件父组件动态向子组件传值
父组件代码子组件代码这样其他引用这个子组件的页面就可以动态的传值来修改子组件中的文字原创 2020-09-24 23:57:08 · 3308 阅读 · 0 评论 -
2020/09/22 react中报错 errno: -4058, code: ‘ENOENT‘, syscall: ‘stat‘, path: ‘D:\\文件名\reactPro\\
报错信息我的原因:新建的react项目,安装其他npm包,如axios,antd,router时安装到了最外面那个创建脚手架的地方,所有所有react新建的项目下,还有个package.json包。-把这个包删掉,清除node缓存,就可以正常使用了node.js清空缓存npm cache clean -f...原创 2020-09-22 22:44:11 · 3320 阅读 · 0 评论 -
2020/09/20 React中获取target(报错信息Warning: This synthetic event is reused for performance reasons.)
如下图,我要获取到点击的li我的代码return中的内容函数—这里要加上 event.persist()否则只有第一次点击能够获取到target,再次会报错,显示target:null,报错信息:Warning: This synthetic event is reused for performance reasons.本小白理解太粗泛了,要了解深入点的推荐看这篇https://www.jianshu.com/p/bf390141fae8...原创 2020-09-20 20:09:31 · 2418 阅读 · 0 评论 -
2020/09/18 跨域请求 后台白名单
后台白名单app.all("*",function(req,res,next){//设置允许跨域的域名,代表允许任意域名跨域res.header(“Access-Control-Allow-Origin”,"");//允许的header类型res.header(“Access-Control-Allow-Headers”,“content-type”);//跨域允许的请求方式res.header(“Access-Control-Allow-Methods”,“DELETE,PUT,POST,G原创 2020-09-18 00:56:18 · 415 阅读 · 0 评论 -
2020/09/18 react中props和state的区别
props与state的区别组件有两种写法: class组件,函数式组件props可以在类组件和函数式组件中使用;state只能使用类组件。2.props是子组件用来接收父组件传递的数据,可以理解为当前子组件对外的接口;state是每一个类组件自己内部处理数据的接口。可理解为组件内部的接口(state,类似于VUE,小程序中的data属性)。state只能使用 setState()来修改,页面才会触发影响;props 属性是只读的,不能修改;要修改props的值,建议先赋值给st原创 2020-09-18 00:53:22 · 164 阅读 · 0 评论