mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 06:03:38 +08:00
Code Issues Actions 29 Packages Projects Releases Wiki Activity

Merge pull request #1992 from ant-design/should-component-update-for-checkbox

Browse Source 
Checkbox: implement shouldComponentUpdate to make the re-render much faster
This commit is contained in:
Benjy Cui 2016-06-12 09:56:58 +08:00 committed by GitHub
commit c1ac6917ee
3 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/checkbox/Group.jsx
View File

@ -1,5 +1,6 @@
import React from 'react';
import Checkbox from './index';
import PureRenderMixin from 'react-addons-pure-render-mixin';
export default class CheckboxGroup extends React.Component {
static defaultProps = {
@ -30,6 +31,9 @@ export default class CheckboxGroup extends React.Component {
});
}
}
shouldComponentUpdate(...args) {
return PureRenderMixin.shouldComponentUpdate.apply(this, args);
}
getOptions() {
const { options } = this.props;
return options.map(option => {

4
components/checkbox/index.jsx
View File

@ -2,12 +2,16 @@ import RcCheckbox from 'rc-checkbox';
import React from 'react';
import CheckboxGroup from './Group';
import classNames from 'classnames';
import PureRenderMixin from 'react-addons-pure-render-mixin';
export default class Checkbox extends React.Component {
static Group = CheckboxGroup;
static defaultProps = {
prefixCls: 'ant-checkbox',
}
shouldComponentUpdate(...args) {
return PureRenderMixin.shouldComponentUpdate.apply(this, args);
}
render() {
const { prefixCls, style, children, className, ...restProps } = this.props;
const classString = classNames({

1
package.json
View File

@ -70,6 +70,7 @@
"rc-upload": "~1.13.0",
"rc-util": "~3.1.3",
"react-slick": "~0.12.0",
"react-addons-pure-render-mixin": "~15.1.0",
"warning": "~3.0.0"
},
"devDependencies": {