
react
文章平均质量分 55
bug收集
doubleyong , NET开发出身,现在从事前端工作.
展开
-
快速Get Mobx6 的新语法
目前 MobX 已经更新到 6.X 了,相比于之前有了极大的简化,去掉了之前版本的装饰器风格写法,主要原因是装饰器在现在的 ES 规范中并不成熟,而且引入装饰器语法也会增加打包后的代码体积。1 、Mobx6 的新语法老版本:import {observable, action,makeObservable} from'mobx'class count{constructor() {makeObservable(this)}@observa...原创 2021-09-26 11:18:44 · 793 阅读 · 0 评论 -
React中使用fetch请求mock接口的坑,快避雷
问题:在React 项目中,使用fetch 请求mock 接口时,报如下错误:you need to enable javascript to run this app访问,其它接口,都是正常的 原因:查阅了相关文档才发现:fetch不支持mock接口 解决方案:要支持请使用fetch-mock,来请求mock接口 具体方法:安装 npm install fetch-mock导入 import fetchMoc原创 2021-03-12 16:22:02 · 1460 阅读 · 0 评论 -
React 技术整合贴
解决react项目中event对象打印的值为nullhttp://bugshouji.com/mybug3/t1225解决项目打包内存溢出问题http://bugshouji.com/mybug3/t1057用React+antd实现简单Select 下拉多级联动;http://bugshouji.com/mybird/t1248react 设置代理(proxy) 实现跨域请求http://bugshouji.com/sharebird/t1275react + Ant Design 实现table表格分页原创 2020-11-11 10:52:59 · 149 阅读 · 2 评论 -
npm install 提示权限不足 Error: EPERM: operation not permitted, unlink XXX
问题使用 npm install 进行 提示权限不足 Error: EPERM: operation not permitted, unlink XXX原因项目,放在 C 盘,在npm install 下载时,权限不够。 因为 C盘做为系统盘,安全级别比较高解决方案将项目,移动到其它的盘,不要放在C盘即可(ps:网上有许多给予权限的方法,但不一定有效,推荐上面的方法,将项目放在其它盘)作者:doubleyong公众号:bug收集博客:bugshouji.com (专门解决与收集bug.原创 2020-11-05 11:03:18 · 998 阅读 · 0 评论 -
mobx 6 视图更新,mobx props更新页面不渲染的坑
问题: react 项目中,使用mobx, 通过action 方法修改状态后,值都能打印出来,发生了改变。但是页面没有渲染原因:mobx 6 更新后,有变动, 不会自动进行更新,需要进行处理解决方案:需要在store仓库中添加 makeObservableimport { makeObservable} from"mobx";class OrderLine {constructor(){makeObservable(this)}}expor...原创 2020-11-05 10:41:59 · 3480 阅读 · 11 评论 -
React 路由传参的方式总结
1. 直接在to属性的值后面加?跟上参数通过this.props.location.search 可以得到?及之后的字符串,在自己进行分析<p><Link to="/productDetail?id=5">商品id:{item.goods_id}</Link></p>接收: this.props.location.search //输出为 ?id=5 属性string类型2. 使用query或para...原创 2020-10-30 16:51:26 · 1225 阅读 · 0 评论 -
react 中的 ref 的使用方法总结
方式1:string类型绑定类似于vue中的ref绑定方式,可以通过this.refs.绑定的ref的名字获取到节点domimport React from 'react'class CommentForm extends React.Component{ constructor(){ super(); this.addComment = this.addComment.bind(this); } addComment(e){ .转载 2020-10-29 16:52:25 · 1335 阅读 · 0 评论 -
React 事件处理程序中,this 为 undefined ,如果可以使用 this
React中,事件处理程序中,默认情况下,this为undefined,如果使用this,可以使用如下方法 第一种: 绑定事件处理程序时,使用bind方法绑定this 如:<button onClick ={this.addComment.bind(this)}></button> 第二种: construtor()方法中,使用bind方法绑定this construtor(...原创 2020-10-29 16:03:34 · 655 阅读 · 0 评论