soy nuevo en reaccionar ¿alguien puede ayudar? Estoy tratando de usar acordeón para mostrar una página de registro que construí, la página tiene cuatro campos diferentes, uno para cargar imágenes, el segundo para la dirección, el tercero para información general y el cuarto para precios, ahora aquí está el desafío.... Quiero usar acordeón para definir cada campo para que el campo no aparezca como un formulario largo, sino que necesitaría hacer clic en el campo para que se muestre... Tengo casi todo salió bien, me quedé atascado en cómo colocar mis componentes dentro del cuerpo del acordeón... Tenga en cuenta que estoy usando una plantilla de arranque... Aquí está el código.

 <Accordion defaultActiveKey="0"> <Accordion.Item eventKey="0"> <Accordion.Header> Photo </Accordion.Header> <Accordion.Body> <PhotoUploader /> </Accordion.Body> </Accordion.Item> <Accordion.Item eventKey="1"> <Accordion.Header>General information</Accordion.Header> <Accordion.Body> <GeneralInfo /> </Accordion.Body> </Accordion.Item> <Accordion.Item eventKey="2"> <Accordion.Header>Address</Accordion.Header> <Accordion.Body> <AddLocation /> </Accordion.Body> </Accordion.Item> <Accordion.Item eventKey="3"> <Accordion.Header> Pricing </Accordion.Header> <Accordion.Body> <AddPrice /> </Accordion.Body> </Accordion.Item> </Accordion>

Donde <PhotoUploader/> , <GeneralInfo/> , <AddLocation/> , <AddPrice/> son mis componentes de campo. Sé que cómo los coloqué está mal, por favor, cuál es el método correcto.