![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
qq_37672347
这个作者很懒,什么都没留下…
展开
-
react添加监听事件监听键盘事件
1,react添加监听事件监听键盘事件参考:记录下确认框confirm代码:原创 2019-06-21 17:26:26 · 7851 阅读 · 2 评论 -
ant design 国际化 全局配置
注意:ant-design是3.21.2版本的。记得使用yarn add moment 安装,使用npm install --save moment有可能不起作用注意:原创 2019-08-07 16:24:16 · 3499 阅读 · 0 评论 -
react 中使用高德地图 获取省市区列表
第一步:引入地图api js ,地图容器id,初始化 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.3&key=bca3c8db7e16261dadc9b149bb686e71"></script><div id="add-notice-container"...原创 2019-08-20 09:18:39 · 1548 阅读 · 0 评论 -
audio 获取时长方法 (react)
方法一:创建audio标签,播放之后获取durationlet audioE = document.createElement("audio"); // 获取时长audioE.src = configUrl.photoUrl + res.key;audioE.load();audioE.oncanplay = function () { setTimeout(()=> {...原创 2019-08-15 17:52:05 · 4004 阅读 · 0 评论 -
jQuery/Vue/AngularJS有哪些区别和优缺点?
1、jQuery操作DOM的性能比较好,但是效率比较低2、开发效率和代码规范比较好总结:jQuery从后台返回的数据要渲染到前端上需要通过手动更新DOM,但是手动改DOM一般比MVC渲染的性能好。但开发效率和代码规范不如NG/ReactJS。...原创 2019-08-21 11:05:42 · 1808 阅读 · 0 评论 -
react 使用总结
做后台管理系统使用react时,为什么选用ant-design ui框架?值得借鉴——参考链接:https://mp.weixin.qq.com/s/3ZcH3hvmoXfQIgRWnFfNBQ1、调用 setState 之后发生了什么?在代码中调用setState函数之后,React 会将传入的参数对象与组件当前的状态合并,然后触发所谓的调和过程(Reconciliation)。经过...原创 2019-08-21 11:30:08 · 426 阅读 · 0 评论 -
react-avatar-editor 裁剪,头像上传
react-avatar-editor插件裁剪,头像上传参考链接:https://blog.csdn.net/song279811799/article/details/79055651原创 2019-08-16 11:11:33 · 806 阅读 · 0 评论 -
taro 框架开发小程序(react语法)
使用taro框架需要的知识储备:1.熟悉react语法,否则选用taro需要一定学习成本2.redux熟悉最好,就像redux官网说的一样,"当你觉得需要redux时候再用它,否则react就够用了" react中文学习文档:https://react.docschina.org/docs/hello-world....原创 2019-08-26 18:00:29 · 752 阅读 · 0 评论 -
react + ant design 项目中使用高德地图
第一步:在head标签中引入高德地图api和key<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.3&key=bca3c8db7e16261dadc9b149bb686e71"></script>第二步:定义地图容器id<div id="add-instituti...原创 2019-08-28 17:24:25 · 3866 阅读 · 0 评论 -
react 报错
1,问题:参考链接:https://www.cnblogs.com/zyl-Tara/p/7998590.html原创 2019-08-02 14:14:17 · 114 阅读 · 0 评论 -
this.props.history.goBack() 返回上一个界面问题 页面刷新 问题
React Router 4.x 页面(路由)回退, 状态记忆功能跳转到另外一个页面,返回保持页面状态和跳转前数据一致,思路是:保存查询请求的数据第一步:设置标记变量markType标记是否是返回来的数据且切换数据,为0,分页没有切换数据,为其它,则调用table切换方法,使用原始result,不再使用传过来的result第二步:设置参数第三步:在跳转到页面设置返回...原创 2019-08-06 14:11:53 · 11517 阅读 · 0 评论 -
正则 (手机号,座机, 密码8-16位字母与数字校验)
// 手机号和座机号校验checkTel = (rule, value, callback) => { console.log(value); if (!value) { callback('电话不能为空'); // 校验不通过 return false; } else { const isPhone = /^([0...原创 2019-06-21 17:36:00 · 4821 阅读 · 0 评论 -
react中使用 dangerouslySetInnerHTML={{__html: this.state.riches}} 加载富文本
第一步:第二步:原创 2019-06-21 17:46:06 · 1646 阅读 · 0 评论 -
CKeditor 在react + ant design中的使用
第一步:引入CKeditor.js第二步:定义容器id 1,在modal中使用 2,不在modal中第三步:定义并初始化变量this.editor第四步:根据id获取元素dom 1,在modal中 2,不在modal中第五步:处理获取到富文本数据内容第六步:设置是富文本数据内容...原创 2019-07-09 09:03:17 · 3065 阅读 · 0 评论 -
react 父子组件通信
1,父组件传子组件在组件中 设置 自定义的属性或变量或方法{/*订单列表*/}<DataTable type={Number(this.state.type)} keyword={this.state.keyword} flag_add={this.state.flag_add}...原创 2019-07-09 14:52:08 · 86 阅读 · 0 评论 -
react ref fom.create()(), ckeditor 在modal中初始化不显示的问题
ckeditor 在modal中初始化不显示的问题原创 2019-07-05 00:24:11 · 350 阅读 · 0 评论 -
react + ant design InputNumber在form.item中 如何设置格式 比如 KG,CM
第一种:只有一个符号格式,比如¥, $, %, &, 等等。参考antdesign 官网参考链接:https://ant.design/components/input-number-cn/#components-input-number-demo-size第二中:有多个符号格式,比如KG, CM等等注意事项: 1、InputNumber的宽度width适当调...原创 2019-07-18 10:57:00 · 3364 阅读 · 0 评论 -
react 中使用高德地图 根据输入的地点名称 获取经纬度(逆地址解析)获取当前坐标
第一步:引入地图api js ,地图容器id,初始化<div id="add-notice-container" name="container" tabIndex="0"/>showModal = (props, event) => { if (props === 1) {// 复制通告 this.getDa...原创 2019-07-23 15:14:32 · 4183 阅读 · 0 评论 -
react antd form 事件 传参方法
第一种:第二种:建议使用第一种原创 2019-07-23 15:46:37 · 1294 阅读 · 0 评论 -
vue和react的相同点和区别
一、相同点1、 都支持服务器端渲染2、 都有Virtual DOM(虚拟dom),组件化开发,都有‘props’的概念,这是properties的简写。props在组件中是一个特殊的属性,允许父组件往子组件传送数据,都实现webComponent规范3 、数据驱动视图4 、都有支持native的方案,React的React native、Vue的weex5 、构建工具React和Vue...原创 2019-08-21 11:42:20 · 2829 阅读 · 0 评论