如何將獲取的數據放入狀態？

Question

---

我正在嘗試將獲取的數據放入狀態，但它不起作用，請讓我知道我在這里做錯了什么，而且我希望特定數據在狀態內，就像在這個例子中一樣，我只想要問題、答案和不正確回答，我也想把整個數據放到對象數組中

const [quiz,setQuiz]=useState({});

useEffect(()=>{
  const  getQuizData =async ()=>{
  const res = await fetch("https://opentdb.com/api.php?amount=10")
  const data = await res.json();
  setQuiz({data});
  }
  getQuizData();


},[])

Answer 1

來自您的數據的內容如下。 我懷疑你想要的是 setQuiz(data.results) 也像 useState([]) 一樣初始化應該也有幫助。

const data = {
  response_code: 0,
  results: [
    {
      category: 'History',
      type: 'multiple',
      difficulty: 'medium',
      question: 'Joseph Smith was the founder of what religion?',
      correct_answer: 'Mormonism',
      incorrect_answers: ['Buddhism', 'Christianity', 'Hinduism'],
    },
    {
      category: 'Sports',
      type: 'multiple',
      difficulty: 'medium',
      question: 'In a game of snooker, what colour ball is worth 3 points?',
      correct_answer: 'Green',
      incorrect_answers: ['Yellow', 'Brown', 'Blue'],
    },
  ],
};