docs: update demo code style

This commit is contained in:
Benjy Cui 2016-02-18 11:01:00 +08:00
parent e44a9423a5
commit a0c01b54e8

View File

@ -126,6 +126,23 @@ let Demo = React.createClass({
render() { render() {
const { getFieldProps } = this.props.form; const { getFieldProps } = this.props.form;
// 如果觉得在 JSX 中写 `getFieldProps` 会影响阅读,可以先用变量保存 `getFieldProps` 的返回值。
const passProps = getFieldProps('pass', {
rules: [
{ required: true, whitespace: true, message: '请填写密码' },
{ validator: this.checkPass }
]
});
const rePassProps = getFieldProps('rePass', {
rules: [{
required: true,
whitespace: true,
message: '请再次输入密码',
}, {
validator: this.checkPass2,
}],
});
return ( return (
<div> <div>
<Button type="primary" onClick={this.showModal}>修改密码</Button> <Button type="primary" onClick={this.showModal}>修改密码</Button>
@ -137,13 +154,7 @@ let Demo = React.createClass({
label="密码:" label="密码:"
labelCol={{ span: 6 }} labelCol={{ span: 6 }}
wrapperCol={{ span: 18 }}> wrapperCol={{ span: 18 }}>
<Input type="password" <Input {...passProps} type="password"
{...getFieldProps('pass', {
rules: [
{ required: true, whitespace: true, message: '请填写密码' },
{ validator: this.checkPass }
]
})}
onContextMenu={noop} onPaste={noop} onCopy={noop} onCut={noop} onContextMenu={noop} onPaste={noop} onCopy={noop} onCut={noop}
autoComplete="off" id="pass" /> autoComplete="off" id="pass" />
</FormItem> </FormItem>
@ -159,16 +170,7 @@ let Demo = React.createClass({
label="确认密码:" label="确认密码:"
labelCol={{ span: 6 }} labelCol={{ span: 6 }}
wrapperCol={{ span: 18 }}> wrapperCol={{ span: 18 }}>
<Input type="password" <Input {...rePassProps} type="password"
{...getFieldProps('rePass', {
rules: [{
required: true,
whitespace: true,
message: '请再次输入密码',
}, {
validator: this.checkPass2,
}],
})}
onContextMenu={noop} onPaste={noop} onCopy={noop} onCut={noop} onContextMenu={noop} onPaste={noop} onCopy={noop} onCut={noop}
autoComplete="off" id="rePass" /> autoComplete="off" id="rePass" />
</FormItem> </FormItem>