test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 11:08:45 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

refactor: improve Form re-render performance

Browse Source
This commit is contained in:
Benjy Cui 2016-06-12 10:15:59 +08:00
parent c1ac6917ee
commit 6c6496fae4
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/form/Form.jsx
View File

@ -1,5 +1,6 @@
import React from 'react';
import classNames from 'classnames';
import PureRenderMixin from 'react-addons-pure-render-mixin';
export default class Form extends React.Component {
static defaultProps = {
@ -22,6 +23,10 @@ export default class Form extends React.Component {
form: React.PropTypes.object,
}
shouldComponentUpdate(...args) {
return PureRenderMixin.shouldComponentUpdate.apply(this, args);
}
getChildContext() {
return {
form: this.props.form,

16
components/form/FormItem.jsx
View File

@ -1,9 +1,6 @@
import React from 'react';
import classNames from 'classnames';
function prefixClsFn(prefixCls, ...args) {
return args.map((s) => `${prefixCls}-${s}`).join(' ');
}
import PureRenderMixin from 'react-addons-pure-render-mixin';
export default class FormItem extends React.Component {
static defaultProps = {
@ -28,6 +25,10 @@ export default class FormItem extends React.Component {
form: React.PropTypes.object,
}
shouldComponentUpdate(...args) {
return PureRenderMixin.shouldComponentUpdate.apply(this, args);
}
getLayoutClass(colDef) {
if (!colDef) {
return '';
@ -70,11 +71,10 @@ export default class FormItem extends React.Component {
}
renderHelp() {
const props = this.props;
const prefixCls = props.prefixCls;
const prefixCls = this.props.prefixCls;
const help = this.getHelpMsg();
return help ? (
<div className={prefixClsFn(prefixCls, 'explain')} key="help">
<div className={`${prefixCls}-explain`} key="help">
{help}
</div>
) : null;
@ -83,7 +83,7 @@ export default class FormItem extends React.Component {
renderExtra() {
const { prefixCls, extra } = this.props;
return extra ? (
<span className={prefixClsFn(prefixCls, 'extra')}>{extra}</span>
<span className={`${prefixCls}-extra`}>{extra}</span>
) : null;
}