Функционал выдачи и возврата книг

[myakkk1]

import React, { useState } from 'react';

const booksData = [ { id: 1, title: '1984', author: 'George Orwell', available: true }, { id: 2, title: 'To Kill a Mockingbird', author: 'Harper Lee', available: true }, { id: 3, title: 'The Great Gatsby', author: 'F. Scott Fitzgerald', available: true }, ];

const App = () => { const [books, setBooks] = useState(booksData);

const handleCheckout = (id) => { setBooks(books.map(book => book.id === id ? { ...book, available: false } : book )); };

const handleReturn = (id) => { setBooks(books.map(book => book.id === id ? { ...book, available: true } : book )); };

return (

Библиотека

Доступные книги:

{books.map(book => (

• {book.title}

  Автор: {book.author}

  Статус: {book.available ? 'Доступна' : 'На руках'}

  {book.available ? ( handleCheckout(book.id)}>Выдать ) : ( handleReturn(book.id)}>Вернуть )}
))}

); };

export default App;

[myakkk1]

Описание:

1. Состояние: Используется хук useState для управления состоянием доступных книг.
2. Данные о книгах: Массив booksData содержит информацию о книгах, их названия, авторов и статус доступности.
3. Функции handleCheckout и handleReturn:
   • handleCheckout изменяет статус книги на "не доступна".
   • handleReturn изменяет статус на "доступна".
4. Разметка: Каждая книга отображается с кнопкой для выдачи или возврата в зависимости от ее текущего статуса.