antdesign中手动设置/修改form组件的值(react)
react的御用UI库–antdesign为我们提供了form组件,这个组件看似好用,实则大坑。
比如我们有时候需要手动修改input的值,这时不能用setState来修改组件的value,而是要用的官方提供的API。
类组件和函数组件使用form组件的方式略有不同,这里分别来说。
类组件
设置初始值
首先我们用initialValues给组件设置初始值,这里建议在Form组件中统一管理,权重比在Form.Item中的initialValue大
<Form
{
...layout}
name="basic"
initialValues={
{
remember: true,
username: this.state.n//1
}}//initialValues给表单设置初始值,键名为Form.Item的name
ref={
this.formRef}
>
页面初始状态:
修改
<button onClick={
()=>{
this.setState({
n