![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
water_Popcorn
这个作者很懒,什么都没留下…
展开
-
react 刷新页面的时候报错“The requested URL was not found on the server. If you entered the URL manually...”
browserRouter替换成HashRouter。原创 2023-05-07 18:00:06 · 613 阅读 · 1 评论 -
react 禁用antd中radio的方向键事件
radio的方向键事件与其他方向键事件冲突,需禁用;没有找到正统的解决方法,采用如下解决方法原创 2022-10-11 13:54:25 · 587 阅读 · 0 评论 -
react antd表单报错:nameList.map is not a function
解决antd表单报错:nameList.map is not a function原创 2022-08-11 15:18:20 · 2019 阅读 · 0 评论 -
react 监听键盘事件及多按键事件
监听键盘事件及多键盘按键事件原创 2022-08-05 16:46:22 · 3940 阅读 · 1 评论 -
react fine-uploader-wrappers的使用
fine-uploader-wrappers的使用转载 2022-08-03 17:44:42 · 179 阅读 · 0 评论 -
react 验证代理是否成功
验证代理成功原创 2022-07-22 10:47:15 · 551 阅读 · 0 评论 -
react 谷歌浏览器报错:Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘)
报错:Uncaught TypeError: Cannot read properties of undefined (reading 'forEach')原因:谷歌浏览器的扩展程序导致解决:将谷歌浏览器的扩展程序关闭原创 2022-04-11 11:34:50 · 8742 阅读 · 0 评论 -
react less文件中使用@media aspect-ratio
@media screen and (min-aspect-ratio: ~"16/9") {font-size: 15px;}@media screen and (max-aspect-ratio: ~"16/9") {font-size: 12px;}@media screen and (aspect-ratio: ~"16/9") {font-size: 14px;}注意:1、宽高比是分数形式:“宽/高”,不可以写小数2、前面需要加一个“~”;原因:在les原创 2022-03-07 17:17:04 · 368 阅读 · 0 评论 -
react 监听浏览器大小变化
componentDidMount() { window.addEventListener(('resize', this.fn) } componentWillUnmount() { window.removeEventListener('resize', this.fn) }原创 2021-11-25 17:15:13 · 432 阅读 · 0 评论 -
react 修改json数组中的值
html源码:{newData.map((item,index)=>{return<Row><Colspan={24}><Input...原创 2020-06-30 16:21:55 · 1377 阅读 · 0 评论 -
react onchange函数带多个参数
html源码:<Inputvalue={testData}placeholder="测试"onChange={t.onchangeValue.bind(this,'testData')}/>js源码:onchangeValue=(name,e...原创 2020-06-29 12:00:24 · 3518 阅读 · 0 评论 -
react 获取浏览器的宽度,根据不同宽度进行不同操作
js源码://监听窗口大小改变componentDidMount(){window.addEventListener('resize',this.handleResize.bind(this))}//移除监听器,防止多个组件之间导致this的指向紊乱componentWillUnmount(){...原创 2020-01-17 16:56:25 · 4939 阅读 · 0 评论 -
react 动态访问文件夹下面的图片
js源码://带参的方法,data是指你传过来的图片名称,如:data="timg.jpg"showImg =(data)=>{//在此处拼接图片的路径,之前尝试在<img />标签里面的require中拼接,然后失败了varpicSrcs=require('../assets/pic/'+data);this.setState(...原创 2019-12-26 10:49:54 · 1401 阅读 · 0 评论 -
react antd引入后样式不显示
问题:npm install antd之后,使用antd没有样式效果。解决方法:在index.js文件头部引入 import'antd/dist/antd.min.css';原创 2019-12-18 09:12:55 · 3712 阅读 · 1 评论 -
react 'roadhog' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
问题描述:'roadhog' 不是内部或外部命令,也不是可运行的程序或批处理文件。npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! @ start: `roadhog server`npm ERR! Exit status 1npm ERR!解决方法:管理员身份运行vscode,然后 npmiroadhog-g...原创 2019-12-05 11:51:55 · 1455 阅读 · 0 评论 -
react 每2秒调用一次函数
源码:componentDidMount(){//生命钩子,组件被挂在后调用this.func();}func=()=>{setInterval(()=>{alert("每2秒就调用一次函数");},2000);}...原创 2019-11-26 10:38:53 · 2078 阅读 · 0 评论 -
react 父组件调用子组件的方法
父组件://导入子组件importPartListfrom"./PartList.js"//获取子组件onRef=(ref)=>{this.partList=ref}调用子组件得方法:componentDidMount(){this.partList.alertText();}//render...原创 2019-11-20 15:23:31 · 264 阅读 · 0 评论 -
react 子组件的刷新
原理:根据state的值来控制子组件的刷新源码:根据thisVisible的true或者false来决定是否构建childPage这个组件;thisVisible为true的时候,渲染子组件,并且将获取到的list传过去;thisVisible为false的时候,摧毁子组件当thisVisible再次为true的时候,list传过去的就是新的list,实现子组件的刷新{th...原创 2019-11-08 15:01:02 · 3934 阅读 · 1 评论 -
react antd的tab标签切换时调用方法
源码://defaultActiveKey:默认选择的版面//activeKey:切换后的版面<TabsdefaultActiveKey="0"activeKey={this.state.activeIndex}onChange={(key)=>{ //切换当前版面...原创 2019-11-07 15:22:31 · 4827 阅读 · 1 评论 -
react 子组件向父组件传值
父组件:/***父组件方法*/ fatherFunction(value){//将子组件中获取到的值,赋给state值this.setState({data1:value},()=>{alert(this.state.data1);...原创 2019-11-05 11:12:40 · 503 阅读 · 0 评论 -
react 点击事件获取当前dom元素并修改其和其兄弟节点的样式
js源码:choose =(e)=>{//获取该dom节点console.log(e.currentTarget)//改变该dom节点的样式e.currentTarget.style.backgroundColor="red";//对该dom节点的兄弟节点操作...原创 2019-10-31 10:00:30 · 5379 阅读 · 0 评论 -
react 引用外部js文件中的函数
外部js源码:exportfunction fun1(){alert("外部js中的函数");}react文件:import{fun1}from"../../components/common.js" //引入外部js文件,其中{}里面是方法名//在react文件中调用componentDidMount(){//生命钩子,组件被挂在后调用...原创 2019-10-30 15:28:14 · 8515 阅读 · 0 评论 -
react 根据条件渲染页面(多种条件)
js源码:importReact,{Component}from'react';importstylesfrom'./css/User.css';classAddUserextendsComponent{constructor(props){super(props);this.state={rol...原创 2019-10-30 11:10:54 · 1161 阅读 · 0 评论 -
antd rowSelection 第二页多选的时候选择的是第一页的数据
问题:选择的第二页数据id是1308,1339.但是控制台上显示选中id是1,2 解决方法:给table加上rowKey={record=>record.id}<TablerowSelection={rowSelection}rowKey={record=>record.id}columns={columns}dataSou...原创 2019-10-23 15:23:56 · 1256 阅读 · 0 评论 -
react antd报错:Module not found: Can't resolve 'antd/es/divider' in
错误描述:Module not found: Can't resolve 'antd/es/divider' in 'C:\Users\DELL\Desktop\exam\src\components\admin'错误原因:这个错误主要是因为antd的版本是用不一致导致解决方法:1、在antd的官网右上角找到现在使用的版本2、到项目的package.json文件下修改版本号...原创 2019-10-08 14:13:24 · 10977 阅读 · 0 评论 -
react 在页面遍历数组
html源码://arr=["张三","李四","王五"]<ul>{arr.map(function(val){return<li>{val}</li>})</ul>...原创 2019-09-03 18:28:51 · 789 阅读 · 0 评论 -
react 报错Warning: Failed prop type: Invalid prop `defaultValue` supplied to `Select`
错误描述:Warning: Failed prop type: Invalid prop `defaultValue` supplied to `Select`我的错误解决: 错误的原因是我给defaultValue赋的值是int型,但是规范要求是String型, departId: departId.toString(), //to.String()将其变成字符串型...原创 2019-08-22 15:46:27 · 7312 阅读 · 0 评论 -
vue/react 局域网内可以通过ip地址访问本地项目
解决方法:在package.json文件下加上一行代码:如图"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",vue和react项目都可使用...原创 2019-08-23 18:04:02 · 3432 阅读 · 2 评论 -
react 调用带参的函数
函数:showDate (data){ //获取到穿过来的dataconsole.log("data========================>"+data);};调用方法一:箭头函数<Button onClick={()=>this.showDate (1)}>点我</Button> //这里的1就是传过去的参数方法二:bi...原创 2019-08-09 11:45:53 · 943 阅读 · 0 评论