我在 React Native 中有一個 book 對象，我想使用 useState React Hook 在我的組件中使用這個對象，但我收到一條錯誤消息，指出“錯誤：對象作為 React 子對象無效（已找到：帶鍵的對象 {pages， title}）。如果你打算渲染一個子集合，請改用數組?！边@是我的書課：export class Book {  pages: number;  title: string;  constructor(pages: number, title: string) {    this.pages = pages;    this.title = title;  }}這是我的 BookComponent 類：import React, {useState} from 'react';import {Text, View, Button} from 'react-native';import getSampleBookData from './BookPresenter';const BookComponent = () => {  const [bookData, setBookData] = useState([{pages: -1, title: 'Untitled'}]);  const getSampleBookDataHandler = () => {    const book = getSampleBookData();    setBookData(book);  };  return (    <View>      <Button title="Get Sample Book" onPress={getSampleBookDataHandler} />      <Text>{bookData}</Text>    </View>  );};export default BookComponent;我對 React Native 比較陌生，有人可以解決這個問題嗎？