GraphQL 和 Strapi API 發生了變化，他們向 json 物件添加了一個父級別，其中必須獲取的整個 JSON 物件必須有一個名為 的父鍵data，如果您在沒有此鍵的情況下提交請求，API 將被拒絕，并回傳 400錯誤。
我提交的 JSON 是這樣的
{"title": "aaa", "rating": "3", "body": "aa", "categories": "5"}
api要求它是這樣的
{"data" : {"title": "aaa", "rating": "3", "body": "aa", "categories": "5"}}
如何調整我的代碼以便在此 JSON 物件中插入父鍵？
使用 Postman，我可以通過提交如下資料將資料發布到 Strapi：
{ "data": {
"title": "the best car",
"rating": 7,
"body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. ",
"categories": [3,7,4]
}
}
我的完整代碼如下：
import React, { useState } from "react";
import { useNavigate } from "react-router-dom";
import { useQuery, gql } from '@apollo/client'
import { useParams, Link } from 'react-router-dom'
const CATEGORIES = gql`
query GetCategories {
categories{
data
{
id
attributes{
name
}
}
}
}
`
const token ="AlaBala"
const Create = () => {
const [title, setTitle] = useState('');
const [body, setBody] = useState('');
const [rating, setRating] = useState(3);
const [categories, setCategories] = useState(5);
const history = useNavigate();
const { loading, error, data } = useQuery(CATEGORIES)
if (loading) return <p>Loading categories...</p>
if (error) return <p>`Error! ${error}`</p>
const handleSubmit = (e) => {
e.preventDefault();
const review = { title, rating, body, categories };
console.log(review)
fetch('http://localhost:1337/api/reviews/', {
method: 'POST',
mode: 'cors',
headers: { "Content-Type": "application/json",
"Authorization" : "Token " token },
body: JSON.stringify(review)
})
}
return (object etc...)
uj5u.com熱心網友回復：
嘗試將您的 fetch 呼叫更改為此，注意 body 欄位：
fetch('http://localhost:1337/api/reviews/', {
method: 'POST',
mode: 'cors',
headers: { "Content-Type": "application/json",
"Authorization" : "Token " token },
body: JSON.stringify({data:review})
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/412534.html
標籤：
下一篇：如何在保持不變性的同時更新狀態？