代码之家 › 专栏 › 技术社区 › sergioac

如何在react js中使用带有自定义钩子的表单数据?

axios react-hooks reactjs

sergioac · 技术社区 · 2 年前

我有自己定制的axios钩子,可以在不发送文件的情况下发送数据,但在发送文件时,它无法识别任何数据。

......
const axiosFetch = async (params) => {
const { method, url, data } = params;
try {
  setLoading(true);
  const control = new AbortController();
  setController(control);

  const res = await axios[method.toLowerCase()](url, {
    ...data,
    signal: control.signal,
  });

  setResponse(res.data);
} catch (err) {
  setError(err);
} finally {
  setLoading(false);
}
};
......

如果我修改了这个部分,文件上传会正常工作,但会丢失信号 .如何实现这两个属性。

   const res = await axios[method.toLowerCase()](url, data);

1 回复 | 直到 2 年前

Drew Reese 2 年前

对于POST、PUT和PATCH请求,数据和配置是第二个和第三个参数。

看见 Instance Methods

试试看:

const res = await axios[method.toLowerCase()](
  url,
  data,
  { signal: control.signal }
);

对于GET、DELETE、HEAD和OPTIONS请求,省略data参数。

const res = await axios[method.toLowerCase()](
  url,
  { signal: control.signal }
);

您需要在逻辑上拆分这些请求类型。

或者,你可以使用 request config :

const res = await axios({
  url,
  method: method.toLowerCase(),
  data,
  signal: control.signal,
});

推荐文章

Hadi Zouhbi · 如何将从axios获得的数据传递到使用node的后端。js(react&node.js)

2 年前

Fatt Sky · 返回axios get错误([[PromiseState]]:“拒绝”)

2 年前

Vodka · 如何将单个json对象转换为json数组?

2 年前

Selcukusu · 为什么在show-axios-react之后无法清除错误消息

2 年前

Carlos Henrique R. Pereira · 我的API请求有效,但无法访问内容

2 年前

torrey pines · React在错误的API调用中不输出axios catch错误,而是获取JavaScript错误

2 年前

C9Tolan · React和Axios Post有效负载格式

2 年前

bami · 动态SSG页需要getStaticPaths,而地址缺少getStaticPaths

2 年前

kunosyn · 未使用“回调地狱”语法定义Javascript类属性

2 年前

sergioac · 如何在react js中使用带有自定义钩子的表单数据?

2 年前