![](https://img-blog.csdnimg.cn/20190917154523565.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
大江东去,浪淘尽,千古风流人物。
故垒西边,人道是,三国周郎赤壁。
乱石穿空,惊涛拍岸,卷起千堆雪。
江山如画,一时多少豪杰。
遥想公瑾当年,小乔初嫁了,雄姿英发。
羽扇纶巾,谈笑间,樯橹灰飞烟灭。
故国神游,多情应笑我,早生华发。
人生如梦,一尊还酹江月。
Hey 锡瑞
这个作者很懒,什么都没留下…
展开
-
antd react的from表单校验几种常用的方式
先上图:点击保存时表单不校验,其余单独的字段比如组织机构、年度、月度校验点击保存并提交时,表单也要检验:一、表单的校验对于同一个表单,点击不同按钮触发不同请求如何区别校验,并且每次点击按钮时都重新加载校验,我是这样解决的:思路:其实就是搞一个标记区分点击了哪个按钮,我这边的这个界面实现用了两个组件,界面展示的父组件和校验输入的子组件,有个问题是父组件中如果用点击按钮后...翻译 2020-01-03 10:36:08 · 8455 阅读 · 0 评论 -
Antd新增、修改的可编辑表格
import React, { PureComponent } from 'react';import { Form, Table, InputNumber } from 'antd';export default class DTable extends PureComponent { changeInput = (record, value) => { const {...原创 2019-06-15 16:26:00 · 11911 阅读 · 4 评论 -
React的componentWillReceiveProps(nextProps)生命周期使用详解
官方文档解释:https://developmentarc.gitbooks.io/react-indepth/content/life_cycle/update/component_will_receive_props.html该方法当props发生变化时执行,初始化render时不执行,在这个回调函数里面,你可以根据属性的变化,通过调用this.setState()来更新你的组件状态,旧的...原创 2019-04-26 15:51:51 · 55788 阅读 · 10 评论 -
react-router和react-redux使用
###React-Redux使用方法:一、基础概念1.使用场景 React 只是 DOM 的一个抽象层,并不是 Web 应用的完整解决方案。有两个方面,它没涉及。于大型的复杂应用来说,这两方面恰恰是最关键的:代码结构组件之间的通信 因此,只用 React 没法写大型应用,Redux 出现,将 Flux 与函数式编程结合一起写大型项目。但是,如果...转载 2019-03-22 14:30:31 · 894 阅读 · 0 评论 -
ant design之table表格使用大全
1.react的table某一列内容靠左居中,标题保持居中,内容靠左,父节点不为空靠左,子节点向右空格 const detailColumn = [ { title: '指标名称', dataIndex: 'yearIndex.indexName', //className: style.indexNameCol, //全部...原创 2019-03-05 11:06:05 · 4980 阅读 · 0 评论 -
ant design动态合并行单元格
const detailColumn = [ { title: '报表名', dataIndex: 'aa', className: 'center', width: '20%', render: (text, record) => { const obj = {...原创 2019-02-28 15:51:07 · 6682 阅读 · 14 评论 -
antd pro页面加载流程
1.加载过程图:2 .菜单→路由→组件在左侧的导航栏点击 列表页 > 标准列表 后,可以进入到上面截图所示的页面。导航栏的内容在 src/common/menu.js 中【或者服务获取的地址】菜单:{ name: '列表页', icon: 'table', path: 'list', children: [...转载 2019-01-04 17:13:11 · 4234 阅读 · 2 评论 -
React组件间信息传递的几种方式
提供几个全家桶连接:redux的用法请访问:https://blog.csdn.net/RuiKe1400360107/article/details/83023732redux拆分:https://blog.csdn.net/RuiKe1400360107/article/details/83028105flux架构:https://blog.csdn.net/RuiKe140036...原创 2018-10-10 11:45:21 · 1369 阅读 · 0 评论 -
react 列表、建、JSX的使用方法
前言:在原生JS中,通常用 JavaScript 的 map() 方法来创建列表提供几个全家桶连接:组件间通信请看:https://blog.csdn.net/RuiKe1400360107/article/details/82992506redux的用法请访问:https://blog.csdn.net/RuiKe1400360107/article/details/83023732...转载 2018-10-09 17:26:11 · 421 阅读 · 0 评论 -
antd pro如何请求数据
### 以新建一个页面(Ruirui ) ,新建一个model ( Ruirui ),且该页面使用该 model 为例。1、src/models 中新建一个最简单的页面组件 Ruirui2、src/common/router 中新建一个不需要新 layout 的路由(这样就可以依托于pro初始化已经建好的layout组件),比如:``` '/dashboard/ruirui': {...原创 2018-09-03 14:51:01 · 10104 阅读 · 4 评论 -
react数据传递三兄弟(state、props、context)
### 右上角,点个赞呗!谢谢你 React中跟数据有关的三样东西:state、props、context。(数据传递三兄弟)提供几个全家桶连接:组件间通信:https://blog.csdn.net/RuiKe1400360107/article/details/82992506redux的用法:https://blog.csdn.net/RuiKe140...原创 2018-10-08 15:49:22 · 5236 阅读 · 2 评论 -
react-flux 架构思想
组件间通信:https://blog.csdn.net/RuiKe1400360107/article/details/82992506redux的用法:https://blog.csdn.net/RuiKe1400360107/article/details/83023732redux拆分:https://blog.csdn.net/RuiKe1400360107/article/det...转载 2018-10-12 17:50:37 · 936 阅读 · 0 评论 -
react的reducer 拆分
组件间通信:https://blog.csdn.net/RuiKe1400360107/article/details/82992506redux的用法:https://blog.csdn.net/RuiKe1400360107/article/details/83023732flux架构:https://blog.csdn.net/RuiKe1400360107/article/deta...转载 2018-10-12 15:48:32 · 3241 阅读 · 0 评论