将抓取"post"请求移动到单独的文件

Question

你能告诉我是否可以制作一个"张贴"；在单独的文件中请求？我用文件"；js"；并将"；得到"；请求，我想知道如何使"；张贴"；请求(如果可能(。

例如，将此代码放入"；js"；文件

const handleSubmit = async (event: SyntheticEvent) => {
event.persist();
event.preventDefault();
await fetch(process.env.REACT_APP_API + "account/register", {
method: "POST",
headers: {
Accept: "application/json",
"Content-Type": "application/json",
},
body: JSON.stringify({
Name: event.target.Name.value,
Email: event.target.Email.value,
Phone: event.target.Phone.value,
Password: event.target.Password.value,
PasswordConfirm: event.target.PasswordConfirm.value,
RememberMe: RememberMe,
UserRole: Roles,
}),
})
.then((res) => res.json())
.then(
(result) => {
console.log(result);
},
(error) => {
alert("Error");
}
); 
setRegister(true);
};

Answer 1

是的，这是可能的，您只需要确保执行API调用的函数返回结果。然后从新文件中导出函数。

完成后，您可以将其导入到要使用它的函数中，然后在那里等待结果。我在这里做了一个小演示，希望能有所帮助：

https://codesandbox.io/s/inspiring-meitner-g5otf

一个更整洁的方法可能是使用React Hooks并更新全局上下文，但对于您的需求，上述方法应该有效。