js使用useRequest发送post请求
时间: 2023-12-04 12:03:23 浏览: 34
useRequest是React Hooks中的一个自定义Hook,用于发送请求。发送POST请求可以通过设置options参数中的method为'POST',并在body中传入数据。
以下是一个示例:
```javascript
import React from 'react';
import { useRequest } from 'ahooks';
const Demo = () => {
const { data, error, loading, run } = useRequest('/api/login', {
method: 'POST',
manual: true, // 手动触发
});
const handleLogin = () => {
run({
username: 'admin',
password: '123456',
});
};
if (loading) {
return <div>Loading...</div>;
}
if (error) {
return <div>Error: {error.message}</div>;
}
return (
<div>
<button onClick={handleLogin}>Login</button>
{data && <div>Token: {data.token}</div>}
</div>
);
};
export default Demo;
```
在上面的示例中,我们使用`useRequest`发送POST请求到`/api/login`接口,传入的数据为`{ username: 'admin', password: '123456' }`。请求是通过`run`方法手动触发的,而不是自动触发。请求的结果会存储在`data`中,如果出现错误则会存储在`error`中。如果请求正在进行中,`loading`为true。