antdesign 新增页面_ant-design 实现 添加页面

1.逻辑代码

/**

* 添加用户

*/

import React,{PureComponent} from 'react'

import {Card,Form,Input,Select,Button} from 'antd'

import {connect} from 'react-redux'

/**

* 用户列表

*/

const FormItem = Form.Item;

const Option = Select.Option;

@Form.create()

class UserAdd extends PureComponent{

// 生命周期--组件加载完毕

componentDidMount(){

// this.props.changetitle("用户管理—添加")

}

render(){

const { getFieldDecorator } = this.props.form;

const formItemLayout = {

labelCol: {

xs: { span: 24 },

sm: { span: 7 },

},

wrapperCol: {

xs: { span: 24 },

sm: { span: 12 },

md: { span: 10 },

},

};

const submitFormLayout = {

wrapperCol: {

xs: { span: 24, offset: 0 },

sm: { span: 10, offset: 7 },

},

};

return(

{/*账号*/}

{getFieldDecorator('account', {

rules: [{

required: true, message: '请输入账号',

}],

})(

)}

{/*姓名*/}

{getFieldDecorator('name', {

rules: [{

required: true, message: '请输入姓名',

}],

})(

)}

{/*状态*/}

{getFieldDecorator('state', {

rules: [{

required: true, message: '请选择状态',

}],

initialValue:"0",

})(

禁用

启用

)}

{/*提交|保存按钮*/}

提交

保存

)

}

}

export default connect ((state)=>(

{

state

}

))(UserAdd)

2.效果图