Блог

Я использую компонент аккордеона react-bootstrap для своей формы. это моя файловая структура.

Invoice.js

 <Accordion.Toggle as={Card.Header} variant="link" eventKey="1" className="according-text">
                      <i className="mdi mdi-file-document-box" > </i>   MATCH INVOICE LINES
                    </Accordion.Toggle>

                    <Accordion.Collapse eventKey="1">
                      <Card.Body>
                        <InvoiceLines
                          form={form}
                          setForm={setForm}
                          handleSubmit={handleSubmit}
                          handleChange={handleChange}
                          setFieldValue={setFieldValue}
                          values={values}
                        />
                      </Card.Body>
                    </Accordion.Collapse>
                  <Accordion.Toggle as={Card.Header} variant="link" eventKey="2" className="according-text">
                        <i className="mdi mdi-view-headline"> </i>      LINES
                      </Accordion.Toggle>
    
                      <Accordion.Collapse eventKey="2">
                        <Card.Body>
                          <Lines values={values} linedetails={value.linedetails} />
                        </Card.Body>
                      </Accordion.Collapse>
 

InvoiceLines.js

       <PODistridutionModal
    setFieldValue={setFieldValue}
    values={values}
    value={modalData}
    show={modalShow}
    backdrop="static"
    onHide={() => setModalShow(false)}
  />
 

DistributionModal.js

 import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
    function DistributionModal(props, eventKey) {
  const Add = () => {
  CustomToggle();
  }
    function CustomToggle({ eventKey }) {
      const decoratedOnClick = useAccordionToggle(2, () =>
      );
    }
}
 

Это пример кода для объяснения моей проблемы. Другие импортируемые библиотеки импортируются правильно.

Пожалуйста, проверьте DistributionModal.js. После добавления функции мне нужно развернуть мой второй аккордеон ( СТРОКА eventKey 2). Как я это делаю. можете ли вы сказать мне, как это сделать? Спасибо