React
省钱兄科技
我是一名互联网创业者!6年全栈高级开发工程师!省钱兄科技CEO!技术控喜欢写代码搞产品!我热爱编程,热爱旅游,热爱生活!绿泡泡 maxdlln
展开
-
React实现获取验证码倒计时
这里使用了antd的Button按钮需要npm安装antd实现import {Component} from 'react';import { Button} from 'antd';class Timer extends Component { constructor(props) { super(props); this.state = { ...原创 2019-01-18 11:30:31 · 5846 阅读 · 0 评论 -
Antd Form组件getFieldDecorator设置Input替换空格
核心代码getValueFromEvent:event=>event.target.value.replace(/\s+/g,''),项目中使用<FormItem> {getFieldDecorator(item.labelKey, { rules: [{ requ...原创 2019-09-03 15:15:23 · 4608 阅读 · 0 评论 -
React富文本组件react-lz-editor使用
一、react-lz-editor官网地址https://github.com/leejaen/react-lz-editor二、使用介绍npm install react-lz-editor --saveORyarn add react-lz-editor三、项目中使用介绍下面是官网的demo 我在里面做了改动和说明 主要在文件上传的时候import React ...原创 2019-06-28 10:18:10 · 4795 阅读 · 9 评论 -
React-推荐RN大神开源的reading项目
来自饿了么RN大神开源的reading项目已经完成Android和iOS双适配。绝对是一个产品级的开源项目并且作者还在持续的更新。https://github.com/attentiveness/reading然后顺便推荐一个仿饿了么的项目https://github.com/stoneWeb/elm-react-native...原创 2019-04-13 12:08:08 · 464 阅读 · 3 评论 -
Node怎么版本更新
微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取一、linuxnpm install -g n n latest 二、windowshttps://nodejs.org/zh-cn/download/前往官网下载覆盖安装...原创 2019-04-03 16:24:40 · 3434 阅读 · 1 评论 -
React-npm run build打包不同参数
手动配置config引用包import {resolve} from 'path';基于umi的获取实现方式命令格式后面的参数随便传输npm run build MainVersion=1.0.0 DataVersion=10.6 OnlineDate=2019-04-11 17获取npm run build 后面参数代码Process这个必须导入包才可以获取...原创 2019-04-11 18:47:28 · 4596 阅读 · 0 评论 -
React项目修改端口号
修改package.json中的scripts下的startset PORT=800&&这里写启动 我用的umi 看你用的什么就用什么启动"scripts": { "start": "set PORT=80&&umi dev", "build": "umi build", "test": "umi test", ...原创 2019-04-04 16:50:00 · 1368 阅读 · 0 评论 -
React生命周期
以上图片来自百度图库 componentWillMount在渲染前调用,在客户端也在服务端。 componentDidMount: 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用,可以在这个方法中调用setTimeout, setInterval或者发...转载 2019-03-13 12:59:46 · 143 阅读 · 0 评论 -
Input监听键盘回车键
/** * 监听键盘的enter键 * @param e */ onKeyUp = (e) => { if (e.keyCode === 13) { //操作你的提交事件 } };下图标红是使用方式关注公众号【码兄】获取更多前端学习资料...原创 2019-03-13 12:47:35 · 5441 阅读 · 0 评论 -
React前端开发环境搭建
node安装:https://blog.csdn.net/weixin_39706415/article/details/88680676(一)安装Node.js、npm、cnpm 当我们在官网下载并安装Node时,npm也自动安装好了,一路next后即可。安装好后键入node -v 以及npm -v 来测试是否安装成功(不需要自己手动配置系统环境变量) ...转载 2019-03-20 09:51:36 · 565 阅读 · 0 评论 -
React-快速上手Dva
官网地址:https://dvajs.com/guide/getting-started.html#connect-%E8%B5%B7%E6%9D%A5安装dva-cli通过npm安装dva-cli并确保版本是0.9.1或以上。<span style="color:#2c3e50"><span style="color:#cccccc"><code>...转载 2019-03-15 17:34:55 · 404 阅读 · 0 评论 -
Antd的Message怎么限制弹出次数
之前的效果图修改代码新增message.destorymessage.destroy();message.error('哦哦,服务器内部错误');修改后送上一波福利微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取...原创 2019-03-15 17:31:07 · 3218 阅读 · 2 评论 -
React年月日时分秒倒计时实现
组件的实现import React, {Component} from 'react'export default class CountTimeDown extends Component { constructor(props) { super(props); this.state = { day: 0, hour: 0, m...原创 2019-02-20 16:27:51 · 2917 阅读 · 0 评论 -
React中router传值之query传值
传值方式router.push({pathname: '/identification', query: {pid, page}});接收方式const { location: { query: { pid, page }, } } = this.props;送上一波福利微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学...原创 2019-02-20 16:20:36 · 6643 阅读 · 0 评论 -
React实现接收model网络数据
下面是model层的代码 做业务网络请求* identityVerification({ payload, }, { call, }) { let result = false; try { yield call(Service.identityVerification, payload); re...原创 2019-02-20 16:16:46 · 1232 阅读 · 0 评论 -
React中router传值之rest风格传值
1、新建payment然后新建一个文件夹叫$+id2、路由配置注意component和path的配置 {name: '支付方式', path: '/payment/:oid', component: './payment/$oid/index', hideInMenu: true},3、传值router.push('/payment/' + localStorage.o...原创 2019-02-20 16:03:21 · 1021 阅读 · 0 评论 -
React实现支付宝支付代码
1、请求后台接口获取请求数据2、前端拉起支付实现支付宝请求回来的数据是一个表单所以要在自己本身打开一个新的窗口然后把请求的数据写入然后打开支付宝支付pc是扫码界面、手机上如果有支付宝直接拉起支付宝、没有支付宝直接网页支付送上一波福利微信公众号开发、企业建站开发、小程序、vue、h5、css3、react等前端视频学习资料关注公众号【码兄】免费获取 const...原创 2019-02-20 15:25:23 · 4411 阅读 · 0 评论 -
你需要了解的 ES6 语法
ES6 是下一代 JavaScript 语法标准,比起 ES5 有很大的变化。标准委员会每年发布一次当年度的新标准,目前最新的标准是《ES2018 标准》,因此 ES6 是一个动态的标准,每年都会发生一些变化。React 大量使用 ES6 语法,本文介绍其中一些最重要的语法点。完整的 ES6 介绍请参考 http://es6.ruanyifeng.com/。let 和 const...转载 2019-02-25 14:19:35 · 285 阅读 · 0 评论 -
React父组件调用子组件中的函数
第一步在父组件中写下面代码 onRef = (ref) => { this.child = ref };第二步将此方法传个子组件 <SelectModal onRef={this.onRef} />第三步在子组件中实现以下代码 componentDidMount() { thi...原创 2019-09-03 15:20:53 · 4447 阅读 · 0 评论