在Redux Form中使用axios进行POST请求的方法如下:
首先,确保安装了axios和redux-form。
然后,在Redux Form的表单组件中,使用reduxForm()高阶组件包装你的组件,并使用handleSubmit()函数来处理表单的提交。在handleSubmit()函数中,可以使用axios来发送POST请求。
下面是一个示例代码:
import React from 'react';
import { Field, reduxForm } from 'redux-form';
import axios from 'axios';
const MyForm = (props) => {
const { handleSubmit } = props;
const submitForm = (values) => {
// 使用axios发送POST请求
axios.post('http://example.com/api/submit', values)
.then(response => {
// 请求成功处理逻辑
})
.catch(error => {
// 请求失败处理逻辑
});
};
return (
);
};
export default reduxForm({
form: 'myForm' // 指定表单的唯一名称
})(MyForm);
在上面的示例代码中,我们首先导入了reduxForm、Field和axios模块。然后,我们定义了一个MyForm组件,并使用reduxForm()高阶组件包装它。在表单的handleSubmit()函数中,我们使用axios.post()发送POST请求,并在请求成功或失败时进行相应的处理。
请注意,上面的代码只是一个示例,你需要根据你的具体情况来修改URL和表单字段。