![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 59
帅帅哥的兜兜
何以解忧,唯有暴富!
展开
-
小程序:分页
小程序滑动分页原创 2023-07-13 14:45:13 · 2448 阅读 · 0 评论 -
react:什么是 redux?
这什么要用 redux? React 是单向数据流。父传子通过 props。那么非父子组件中的通信就可以用 redux 中的 state 解决。Redux 的原理是什么? Redux 中把状态存到 store 中,组件 dispatch 到 action (发送行为)到 store,不是直接通知其他组件,组件通过订阅的store 中的 state ...原创 2019-10-23 15:54:26 · 262 阅读 · 0 评论 -
react:react + dva + router + roadhog 基础项目搭建
一、脚手架安装 第一步:全局安装 dva,这里有个条件,node 版本要 >= 6.5 且 dva-cli 版本要在 0.7x。 npm install dva-cli -g 第二步:查看版本号 dva -v二、创建一个 dva 的 demo dva new ...原创 2019-06-28 17:34:43 · 1743 阅读 · 0 评论 -
react: antd 中 table 排序问题
Antd UI 框架。场景:table 的排充功能。多个列排序,清除的时候清除状态。Table 中有排序:只针对于当页数据。正常 table 如下:有排序的table如下:注释) 1、columns 中 sortOrder 指的是受控模式 2、只支持同时对同一列进行排序,确保只有一个 sortOrder 有效果。场景一:针对正常...原创 2019-04-04 15:24:21 · 8812 阅读 · 2 评论 -
react:预约会议室图列
最近来了一波骚操作,本以为可以用 echarts 实现,结果发现不对,目前就用了最笨的方式实现,算div高度。场景:x 轴 为人名,y轴(24小时制度,间隔 15),把对应的时间填在表格上。 效果图如下:涉汲到布局问题: 左边固定,右边自适应(右边的内容超出有滚动条)怎么布局? flex布局 样式 &l...原创 2019-04-04 15:10:07 · 1263 阅读 · 0 评论 -
react:antd 中 table 添加合计行
用的Antd 的 UI 框架。场景:table 中后面想添加一行合计。合计的值由后端计算提供。目前想到两种方法。第一种:比较好维护。第二种:可以实现功能效果,但是感觉不太优雅。方法一:把合计行插入到数组中 1、列表数据 // 列表 const columns = [ { title: '序号', ...原创 2019-04-04 15:06:52 · 20022 阅读 · 10 评论 -
使用:在 react 中 用echarats
在 react 中 用echarats ,用原生的方法写如下: 也可以用 react 的写法:在写的过程中遇到一个问题:刚开始用的一个 renderSaleAnalyseChart 这个方法,然后在 render 中调,然后在保存 这个 echarts 中的数据的时候出现了问题,销售列表发生两段数据值。在...原创 2018-08-20 16:20:21 · 303 阅读 · 0 评论 -
react中如何做成 tab 切换的效果
Antd Design 中有一个 tab 切换的组件,但是个人觉得不是所有情况都需要用到这个。组件中有个 Radio 的样式类似于这个 tab 的操作。 这是官方面组件给出的样子,不同于之前 radio 单选按钮圆圈式的。 现在我想做成三个 按钮式的,并且每个按钮分别对应不同的 tab。 步骤: 第一步:先把样式写好,组件引入 const Ra...原创 2018-08-20 16:19:28 · 5861 阅读 · 3 评论 -
react:重置清除数据的方法
描述如下: 1、 页面进来没有数据,只有输入条件的情况下,才能查询数据。 2、查询条件有重置功能。问题:重置功能如何操作呢? 数据是从 this.props 中取到的,在重置的时候 1、方法一 :不调接口 this.props.xxx = [ ] 或者 this.props.xxx =‘‘...原创 2018-08-20 16:17:50 · 36084 阅读 · 0 评论 -
react中用代理获取在线的接口姿式
最近在调接口的时候发现,不用mock数据,后台服务没启的情况下,用 proxy 代理调用在线的接口。我们有一个文件叫 .roadhogrc ,在这个里面配置 proxy 代码,起个名字叫 jerry。 在 config.js 里面配置接口。然后把 basic 的接口换成 proxy 代理的。在线登录 pre 环境,然后登录账号,去 cookie 里面找到 JSESSIONID...原创 2018-08-20 16:17:10 · 1882 阅读 · 0 评论 -
react中 父子级传参
React 中如何父子级传参呢。1、子传父 子:这里的 onChoose 是父级里面的名字,over 是要带进去的参数。if(onChoose) 是判断是父级是否调用这个方法。如果调用就把数据传过去。 父:在调用的组件中加入 onChoose ={ } 这个方法名,然后里面写个方法,通过 this.props拿到子级里面的参数...原创 2018-08-20 16:14:14 · 2227 阅读 · 0 评论 -
react 中模态框获取取数,导入功能
操作———预付卡(模态框功能)获取数据列表,然后拿到数据中的预付卡名称字段,点击预付卡的时候请求接口把预付卡的字段传过去,然后把获取的数据显示在模态框里面。点击上传是一个接口。模版下载是一个接口。 如何实现这个功能? 这个是接口文件。 Model.js 文件,调用接口文件。这里就是我们用的预付卡的接口 下面进入 inde...原创 2018-08-20 16:11:52 · 1053 阅读 · 0 评论 -
react 中 如何给日期加条件并传值
日期查询原先是这样: {/* 日期 */} <FormItem label="日期"> {getFieldDecorator('range-time-picker', rangeConfig)( <RangePicker showTime format="YYYY-MM-DD HH:mm:ss" />...原创 2018-08-20 16:08:34 · 1617 阅读 · 0 评论 -
react中model成功把值传到页面改变样式
遇到一个问题: 页面上有一个按钮,需要通过状态去改变显示的值和颜色,操作后提示成功,我目前做的是操作完后提示:操作成功。然后跳到前面的table页面。突然一个想法,我想操作提示后停止在当前页面。当前页也可以理解成编辑页。 操作前效果: 操作后: 目前我是在 model 里面操作的。 我想实现我的想法, 操作如下: ...原创 2018-08-20 16:07:26 · 2899 阅读 · 0 评论 -
antd 的 RangePicker 中日期选择近三月
今天遇到一个问题,日期插件中只能选择近三个月。代码如下: 属性中 disabledDate 就是日期禁止选择。 1、当前天之前 2、当前天之后 3、近三月 4、后三月 ...原创 2018-08-20 16:05:05 · 6304 阅读 · 0 评论 -
mock 模拟数据以及接口调用遇到的 fetch 的坑
之前讲过 mock 里面用 用axios 遇到的坑, 然后项目中用的是 fetch ,果然我又遇到坑了,写个小笔记。因为项目的接口并没有通,但是接口请求是存在的,要用 mock 拦截,让请求的数据直接跳到 mock。mock文件配置:// 使用 MockconstMock =require('mockjs');lettest =Mock.mock({'list|1-100': [{'id|+1':...原创 2018-01-31 14:51:39 · 6796 阅读 · 0 评论 -
react安装
资料阅读: UI组件名 : Ant Design of React react dva antd 官网地址: https://ant.design/docs/react/introduce-cn React 官网:http://www.runoob.com/react/react-tutorial.html Es6 文档: http://es6.ruanyifen...原创 2018-01-30 23:46:13 · 1842 阅读 · 0 评论 -
接口:mock 模拟数据以及接口调用遇到的 axios的坑
项目用的 react+dva,由于后端接口还没有好,所以需要用mock创数据,拦载 ajax ,返回 mock 里面的数据。那么问题来了,怎么用 mock 呢?看了官方文档,我表示没有看明白。问团儿,这个问题,团儿解答:在你现在的里面写"get/api":[],get要大写,/api就是你的接口地址,上面要引用mock,importmock from ‘mockjs’。下面还记录了我在 mo...原创 2018-01-30 23:01:10 · 21852 阅读 · 5 评论