react使用antd如何动态设置input输入框的值

注意:Form里 initialValues 不能被 setState 动态更新,你需要用 setFieldsValue 来更新。

举个例子:当我点击修改时需要动态更新模态框中输入框的值
react使用antd如何动态设置input输入框的值_第1张图片
相应代码(注意:需要给From引用ref):
react使用antd如何动态设置input输入框的值_第2张图片
要动态更新输入框的值,相应代码如下:

myForm = React.createRef()//就是上面图片ref的容器
showUpdate = (text) => {
        this.setState({
            modelCurrentValue: name,
        },() => {
        	//categoryName是输入框name的属性值,后面则是输入框的值
            this.myForm.current.setFieldsValue({categoryName: this.state.modelCurrentValue})
        })
        
    }

你可能感兴趣的:(react.js)