我做删除功能删除横幅图像.我创建了一个删除函数,如下所示:
const [del, setDel] = useState([]);
const DeleteBanner = async (banner) => {
setDel(banner);
console.log(del);
Axios.delete(`/shop/${shopID}/banners`, del)
.then((res) => {
if (res.status === 200) {
setMessage({
data: `${res.data.MESSAGE}`,
type: "alert-success",
});
onShowAlert();
}
})
.catch((err) => {
setMessage({
data: err.response.data.MESSAGE,
type: "alert-danger",
});
setLoading(false);
onShowAlert();
});
};
return (
<div className="">
{shopData.data.ShopBanner.map((banners) => (
<Col
md="6"
xs="12"
className="p-0 m-0"
key={`img-${banners}`}
href="#pimage"
>
<img
className="border border-white"
key={`img-${banners}`}
src={`/api/v2/public/Shop/${shopID}/banner/${encodeURIComponent(
banners
)}`}
style={{ padding: "5px" }}
width="100%"
height="100%"
alt="banner"
/>
<Button
className="btn-link"
value={banners}
onClick={(e) => {
DeleteBanner(e.target.value);
}}
>
Delete
</Button>
</Col>
))}
</div>
)
然后我显示数据库中的横幅图像,并添加一个删除按钮,将值设置为横幅(即图像id)
当我try 删除时,我收到错误415不支持的媒体类型,我不确定出了什么问题.发布横幅图像的post方法位于fromdata中,我成功发布了该方法,但在删除时遇到问题