Блог

Я новичок в react. Может кто-нибудь, пожалуйста, скажите, как я могу добавить «активный» класс к элементу или кнопке аккордеона при нажатии. Я использую реагирующий доступный аккордеон.

Коды здесь, но не работают

 import React from "react";
import classNames from "classnames";
import Podcast from '../Podcast';
import PodcastStats from '../PodcastStats';
import Data from '../../assets/data/data.json'

import {
  Accordion,
  AccordionItem,
  AccordionItemHeading,
  AccordionItemButton,
  AccordionItemPanel
} from "react-accessible-accordion";

import '../../assets/styles/accordion.scss';

export default function CustomAccordion({ isActive }) {
  return (
    <Accordion allowZeroExpanded>
          <AccordionItem className={classNames({ "active": isActive })}>
            <AccordionItemHeading>
                <AccordionItemButton>
                    deneme
                </AccordionItemButton>
            </AccordionItemHeading>
            <AccordionItemPanel>
              <Podcast data={Data} />
            </AccordionItemPanel>
          </AccordionItem>
          <AccordionItem>
            <AccordionItemHeading>
                <AccordionItemButton>
                    deneme
                </AccordionItemButton>
            </AccordionItemHeading>
            <AccordionItemPanel>
              <PodcastStats data={Data} />
            </AccordionItemPanel>
          </AccordionItem>
    </Accordion>
  );
}