首页 >> js开发 >> js在antd中setFieldsValue和defaultVal的用法js大全
js在antd中setFieldsValue和defaultVal的用法js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
代码如下:代码如下:
componentWillMount() {
this.props.form.setFieldsValue({
phone: this.props.maintain.account.phone,
email: this.props.maintain.account.email
});
console.log(this.props.form.setFieldsValue);
}
componentWillMount() {
this.props.form.setFieldsValue({
phone: this.props.maintain.account.phone,
email: this.props.maintain.account.email
});
console.log(this.props.form.setFieldsValue);
}打印出来打印出来
function setFieldsValue(fieldsValue) {
var newFields = {};
var fieldsMeta = this.fieldsMeta,
fields = this.fields;
var virtualPaths = (0, _utils.getVirtualPat…
undefined
function setFieldsValue(fieldsValue) {
var newFields = {};
var fieldsMeta = this.fieldsMeta,
fields = this.fields;
var virtualPaths = (0, _utils.getVirtualPat…
undefined更神奇的是这段代码本来运行的好好的一点问题都没有,在同事的电脑上却会出现如上问题,我的电脑也出现了这个问题但是代码没改过后来就这样设置代码的默认值,就显示出来了一定要加一个一定要加一个
{...formItemLayout}
label="手机号"
>
{getFieldDecorator('phone', {
rules: [{
required: false, message: '请输入您的手机号!'
}]
})(
} defaultValue={maintain.account.phone} />
)}
{...formItemLayout}
label="手机号"
>
{getFieldDecorator('phone', {
rules: [{
required: false, message: '请输入您的手机号!'
}]
})(
} defaultValue={maintain.account.phone} />
)}
补充知识:antd4中Form组件initialValues设置初始值无效,使用setFieldsValue动态赋值,getFieldsValus动态获取值补充知识:补充知识:antd4中Form组件initialValues设置初始值无效,使用setFieldsValue动态赋值,getFieldsValus动态获取值首先说明initialValues这个属性,这个属性antd官方给的是设置Form组件初始值,但是有个问题如果值从后端请求那么initialValues可能会设置不上,如果说用匿名组件的话,修改From组件会导致一系列问题,接下来就是用到了setFieldsValue和getFieldsValus属性在antd官网中说明form组件不能使用this.setState修改值,只能通过setFieldsValue来设置,通过getFieldsValus来获取首先通过getFieldsValus来动态获取值首先通过getFieldsValus来动态获取值
export default class List extends Component {
//第一步
formRef = React.createRef();
}
export default class List extends Component {
//第一步
formRef = React.createRef();
}第二步第二步使用ref使用ref
使用setFieldsValue使用setFieldsValue注意:sell_linkman是Form中item的字段名,需要给那个字段赋值用这个就ok,可以写在你事件中
this.formRef.current.setFieldsValue({
sell_linkman: value,
})
this.formRef.current.setFieldsValue({
sell_linkman: value,
})使用getFieldsValue使用getFieldsValue‘sell_linkman'是form中item字段名
this.formRef.current.getFieldsValue('sell_linkman')
this.formRef.current.getFieldsValue('sell_linkman')以上这篇在antd中setFieldsValue和defaultVal的用法就是小编分享给大家的全部内容了,希望能给大家一个参考。
componentWillMount() {
this.props.form.setFieldsValue({
phone: this.props.maintain.account.phone,
email: this.props.maintain.account.email
});
console.log(this.props.form.setFieldsValue);
}
componentWillMount() {
this.props.form.setFieldsValue({
phone: this.props.maintain.account.phone,
email: this.props.maintain.account.email
});
console.log(this.props.form.setFieldsValue);
}打印出来打印出来
function setFieldsValue(fieldsValue) {
var newFields = {};
var fieldsMeta = this.fieldsMeta,
fields = this.fields;
var virtualPaths = (0, _utils.getVirtualPat…
undefined
function setFieldsValue(fieldsValue) {
var newFields = {};
var fieldsMeta = this.fieldsMeta,
fields = this.fields;
var virtualPaths = (0, _utils.getVirtualPat…
undefined更神奇的是这段代码本来运行的好好的一点问题都没有,在同事的电脑上却会出现如上问题,我的电脑也出现了这个问题但是代码没改过后来就这样设置代码的默认值,就显示出来了一定要加一个一定要加一个
label="手机号"
>
{getFieldDecorator('phone', {
rules: [{
required: false, message: '请输入您的手机号!'
}]
})(
} defaultValue={maintain.account.phone} />
)}
label="手机号"
>
{getFieldDecorator('phone', {
rules: [{
required: false, message: '请输入您的手机号!'
}]
})(
} defaultValue={maintain.account.phone} />
)}
export default class List extends Component {
//第一步
formRef = React.createRef();
}
export default class List extends Component {
//第一步
formRef = React.createRef();
}第二步第二步使用ref使用ref
使用setFieldsValue使用setFieldsValue注意:sell_linkman是Form中item的字段名,需要给那个字段赋值用这个就ok,可以写在你事件中
this.formRef.current.setFieldsValue({
sell_linkman: value,
})
this.formRef.current.setFieldsValue({
sell_linkman: value,
})使用getFieldsValue使用getFieldsValue‘sell_linkman'是form中item字段名
this.formRef.current.getFieldsValue('sell_linkman')
this.formRef.current.getFieldsValue('sell_linkman')以上这篇在antd中setFieldsValue和defaultVal的用法就是小编分享给大家的全部内容了,希望能给大家一个参考。