[英]Reactjs antd defaultValue return undefined
我試圖進行編輯 function,當我試圖從表單中獲取值時出現問題,說用戶正在編輯他的名字,但他沒有編輯他的地址,這將使地址未定義,即使我已經設置了里面的defaultValue
,這在我的非antd
形式之前有效,這是我的代碼
形式:
<Form onFinish={this.edit}>
<Typography>Email</Typography>
<Form.Item
name="email"
>
<Input defaultValue={user.Email} value={user.Email} className="email form-control col-sm-6"/>
</Form.Item>
<Typography>Full Name</Typography>
<Form.Item
name="name"
>
<Input defaultValue={user.FullName} value={user.FullName} className="email form-control col-sm-6"/>
</Form.Item>
<Typography>Admin</Typography>
<Form.Item
name="admin"
>
{
(user.IsAdministrator)
? <div>
<Select value="yes">Admin
<Select.Option value="no">Not Admin</Select.Option>
</Select>
</div>
: <div>
<Select value="no">Not admin
<Select.Option value="yes">Admin</Select.Option>
</Select>
</div>
}
</Form.Item>
<Typography>Active Status</Typography>
<Form.Item
name="aktif"
>
{
(user.IsActive)
? <Toggle className="switch-lg" checked/>
: <Toggle className="switch-lg"/>
}
</Form.Item>
<Form.Item>
<Button type="primary" htmlType="submit" className="login col-md-10">Submit</Button>
這是我獲得價值的方式:
edit(values){
const name = values.name
const aktif = values.aktif
const index = this.state.id
console.log(values)
}
之前謝謝,任何幫助將不勝感激
您不能通過
value
或defaultValue
為每個表單控件設置值,您應該使用Form
的initialValues
設置默認值。
下面的例子:
<Form
onFinish={onFinish}
initialValues={{
residence: ['zhejiang', 'hangzhou', 'xihu'],
prefix: '86',
}}
>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.