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.效果图