mirror of
https://github.com/ant-design/ant-design.git
synced 2025-07-28 18:19:10 +08:00
docs: update demo code style
This commit is contained in:
parent
e44a9423a5
commit
a0c01b54e8
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user