Reactjs 在react on submit按钮中点击API（react JS中的POST请求）

import React，{Component}来自'React'；
从“反应路由器”导入{Link}
从“reactstrap”导入{Dropdown，DropdownMenu，DropdownItem，Progress}；
类Modals扩展组件{
构造函数（）{
超级（）；
取回（“http://api-env.bt2qjip33m.ap-south-1.elasticbeanstalk.com/api/v1/beacons" ,
{
方法：“post”，
标题：{
“内容类型”：“应用程序/json”，
“授权”：EYJHBGCIOIJIUZI1NIISINR5CCIKPXVCJ9.EYJFAWQZWM4NJY4DMWNDBLNJGILKWFPCI6IMTRQGXPDGLMZZZYYY29TIIWIZMLY2LJ2LZY2LZ2LZXHESIMC3ROY2LJ0IZISIMLHDCI6MTQ0NZGZGZM30
},
正文：JSON.stringify({
名称：“信标名称”，
description:“此处为信标描述”，
uuid：“mnvijefnv”，
少校：“2”，
小调：“2”，
制造商：“m:2-3=0215，i:4-19，i:20-21，i:22-23，p:24-24”，
beaconType:“类型1”，
位置：“主网关1”，
楼层：“，
区域：“58c29c06d3ec866803040e6e”
})
}).然后（功能（响应）{
if（response.ok）{
console.log（响应）
返回响应；
}
抛出新错误（'网络响应不正常'）；
}).then（函数（数据）{
控制台日志（数据）；
})
.catch（函数（错误）{
console.log（'提取操作出现问题：'+错误）；
});
}
render（）{
返回(


信标设置
拯救
预先设置
)
}
}
导出默认模态

您可以使用

fetch（'url'，{options}）。然后（）.catch（）

。看一看。正如我所理解的，您有一个示例，在“保存”按钮上，您希望发布表单，然后导航到另一个组件。我说得对吗。如果是，那么你想在哪里发布，我的意思是哪一个是api endpointPOST

/api/v1/beacons

我想你是在问关于该服务器的问题，它将是litifer.com/beacons。你可以使用

获取（'url'，{options}）。然后（）.catch（）

。看一看。正如我所理解的，您有一个示例，在“保存”按钮上，您希望发布表单，然后导航到另一个组件。我说得对吗。如果是，那么你想在哪里发布，我的意思是哪一个是api endpointPOST

/api/v1/beacons

，我想你问的是关于该服务器的问题将是litifer.com/beacons