我想在我的react应用程序中更改单个图书的状态，但它会更改整个数组的状态

constructor(props) {
  super(props);
  this.state = {
    books: [
      { id: 1, title: 'Book 1', status: 'unread' },
      { id: 2, title: 'Book 2', status: 'unread' },
      { id: 3, title: 'Book 3', status: 'unread' }
    ]
  };
}

render() {
  return (
    <div>
      {this.state.books.map(book => (
        <div key={book.id}>
          <span>{book.title}</span>
          <button onClick={() => this.changeBookStatus(book.id)}>Change Status</button>
        </div>
      ))}
    </div>
  );
}

changeBookStatus(bookId) {
  this.setState(prevState => ({
    books: prevState.books.map(book => {
      if (book.id === bookId) {
        return { ...book, status: 'read' }; // 更改图书状态为"read"
      }
      return book;
    })
  }));
}