如何获取 React Redux 中的检查项目列表？

Question

我有一家包含 booksSlice 的商店。 booksSlice 有两种状态：数据和已检查。 选中的是一个空数组。 如何获取已检查项目的列表。 关键是 state 基础中的检查列表应该更改，以便我可以在其他组件中使用它。

BooksSlice.jsx

import booksData from '../data/books';
const booksSlice = createSlice({
  name: 'books',
  initialState: {
    data: booksData,
    checked: [],
  },
  reducers: {
 
  }
})
export const booksActions = booksSlice.actions;


export default booksSlice;

BooksList.jsx

import { useSelector } from "react-redux";

const BookList = () => {
  const data = useSelector((state) => state.books.data);
  const checked = useSelector((state) => state.books.checked);

  const handleChoice = (event) => {
    var updatedList = [...checked]
    if(event.target.checked) {
      updatedList = [...checked, event.target.value]
    }else{
      updatedList.splice(checked.indexOf(event.target.vaue, 1));
    }
    console.log(updatedList);
    return updatedList;
  }
  return (
    <div>
      <h3>Books in our Store</h3>
      <p>Please select the books you want</p>
      <form>
        {data.map((book) => {
          return (
            <div key={book.isbn}>
              <label>
                <input type="checkbox" onChange={handleChoice} value={book.title}/>
                {book.title} - {book.author}
              </label>
            </div>
          );
        })}
      </form>
    </div>
  );
};

export default BookList;