错误'setValues'未在react.js

问题描述

我想在“ onFinish”函数中修改Form的values对象。我尝试使用“ setValues”函数，但会引发以下错误。

错误：“未定义'setValues'”。

下面是我的使用表单的组件：

 import React,{ Component } from "react";
 import { Form,Input,Switch } from "antd";

 const FormItem = Form.Item;

class StateCard extends Component {

  onFinishFailed = errorInfo => {
    console.log('Failed:',errorInfo);
}
onFinish = values => {
    values.color.hex &&
    setValues({
        ...values,color: color.hex,});
    console .log("Values of form",values)  
    this.props.updateStateCardAction(values);
    this.props.modal(false)
}

render() {

   return (
        <Form id='update-state-form' 
            onFinish={this.onFinish}
            onFinishFailed={this.onFinishFailed}
            initialValues={{
                stateName: state ? state.name : '',status: state ? state.status : false,color: state ? state.color :'',}}
        >
            <FormItem {...formItemLayout} 
               name="stateName" 
               label={<IntlMessages id="app.stateName" />} 
               rules={[{ required: true,message: 'Please input the name !' }]} 
            >
                <Input />
            </FormItem>

            <FormItem {...formItemLayout} 
               name="color" 
               label={<IntlMessages id="app.color" />} 
               rules={[{ required: true,message: 'Please input the color !' }]}
            >
                <CirclePicker color={state.color}  onChangeComplete={ this.handleChangeComplete}/>
            </FormItem>

           </Form>
          );
         }
       }
      export default connect(
      null,{
    updateStateCardAction,}
    )(StateCard);

这是表单的console.log“值”

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）