ant desgin表单校验并自动滚动到可见范围内

在填写表单的时候，字段需要校验但又不在可视范围之内，这时候我们就需要让它自动滚到可见的范围之内，以提升用户体验。
antd表单有两种验证方法validateFields和validateFieldsAndScroll，validateFields只是校验值，validateFieldsAndScroll校验值并且滚动到可视范围之内,所以我们只要知道validateFieldsAndScroll怎么用就行了。

参数

validateFieldsAndScroll([fieldNames: string[]],[options: object],callback(errors, values))
fieldNames:需要校验的字段
options:校验配置项
callback:回调
代码

this.props.form.validateFieldsAndScroll({scroll: {offsetBottom: 25}}, (err, values) => {
if(err)return
})

offsetBottom设置离底部的位置，
options参数的配置项

效果