[toc]
## Form.create()()
返回一个高阶组件,向原本的组件传递一些属性,用来设置表单字段的值 和获取值
```
const WrappedLoginForm = Form.create({})(LoginForm);
```
## getFieldDecorator
```
const FormItem = Form.Item
```
```
const {getFieldDecorator} = this.props.form
...
<FormItem>
{
getFieldDecorator('username',{
rules:[{required:true,message:'请输入用户名'}]
})(<Input placeholder="用户名">)
}
</FormItem>
```
## validateFields
![](https://box.kancloud.cn/145b8814d60b5e26e9bde15afed92392_707x244.png)
```
class Login extends Component{
handleSubmit = (event)=>{
event.preventDefault();
this.loginForm.props.form.validateFields((err,values)=>{
if(err){
message.warn(err.toString());
}else{
this.props.dispatch({
type:'login/login'
,payload:values
});
}
});
}
}
```
- 空白目录
- 01.JSX,了解一下?
- JSX与虚拟DOM
- React
- 02.React文档精读(上)`
- React路由
- 关于BrowserRouter
- 关于Route
- 应用
- 权限认证
- case1
- context
- 新context
- 03.React路由
- 04.Diff
- 05.styled-components
- redux设计思想与API
- redux实现1
- 06.redux2
- 06.redux3
- 关于状态初始化
- saga
- 新版
- 使用saga进行业务逻辑开发
- react-router-redux
- React性能优化
- immutable使用
- 未整理
- FAQ
- 常用中间件
- pureComponent
- 项目相关总结
- antd分尸
- 按需加载
- ReactWithoutJSX
- 我的组件库
- C领域
- 用户接口
- htmlType
- style
- show
- conjure
- grid
- inject
- stop
- 内部接口
- 衍生组件
- Button
- 报错集锦
- ReactAPI
- 类上的那些属性
- prop-types
- React.createElement
- React.cloneElement
- React.Children和props.children
- react元素和react组件关于作为children方面的那些问题
- react组件与虚拟dom
- ref