一、版本（^2.5.2） 1、引入antd.css（^2.5.2） import React, { PropTypes } from 'react' import 'antd/dist/antd.css' function CoreLayout ({ children }) { return ( <div className='user-content'> <div>

Antd 组件库中，包含有 Trigger 的组件，它们都有类似的组件结构。以下组件都可以归为这一类： ToolTip Popover PopConfrim Cascader DataPicker TimePicker Select TreeSelect Dropdown 这些组件的特点，就是都有弹框。通过点击, hover, 或是改变焦点的方式，打开或关闭弹框。而这个特点，就是 Trigger

InputNumber组件强制限制小数，可以使用 formatter 属性配合正则来实现，但在实践中发现一个问题，比如限制的两位小数，当我输第三位小数的时候，组件会保存这个值，导致传给后台的值多出一位小数。 在2.9.0之后，InputNumber 新增 parser 属性, 搭配 formatter 一起使用，可以较好的限制小数的位数。 将formatter和parser属性都绑定同一个方法，在

Antd Admin 基于react，ant-design，dva，Mock 企业级后台管理系统最佳实践 github地址 https://github.com/zuiidea/antd-admin 演示地址 http://zuiidea.github.io/antd-admin 小记一下，新建一个功能的流程 1.mock/menu.js 添加菜单路径 2.mock/user.js 设置用户访问此

Affix 这个组件是一个图钉组件，使用的fixed布局，让组件固定在窗口的某一个位置上，并且可以在到达指定位置的时候才去固定。 AffixProps 还是老样子，看一个组件首先我们先来看看他可以传入什么参数 // Affix export interface AffixProps { /** * 距离窗口顶部达到指定偏移量后触发 */ offsetTop?:

引言 看过antd源码的都知道，antd其实是在一组react-componment组件的基础上进行了一层ui封装，本文主要解读antd组件Form的基础组件react-componment/form，另外会略过development模式下的warning代码。 Form.create 解读源码首先要从自己最常用的或者感兴趣的入手，首先form组件最主要的还是在Form.create({optio

ant-design-pro新增页面和功能 最近用ant-design-pro在做一个后台的管理系统，因为之前使用过基于antd的antd-admin，github地址：https://github.com/zuiidea/an...，觉得挺不错的，这次于是选择了antd-pro作为后台。他们都是基于 dva 和antd的。所以需要先了解一下dva中的一些概念，例如dva中的model等。 以下是

先说一下效果要求，上面一个下拉框，下面一个，要求上面选中的时候，下面的内容要跟着变。 因为想到react是数据驱动的，就不打算再用jq的那种隐藏显示了，而是通过在执行类型下拉框的onChange事件中，去改变下面的下拉框的数据，渲染出不同的下拉选择。 定义数据：modeOptions是各个下拉框的值，由于选中号码的时候是输入框，这里号码的options为空。 constructor(props)