Estoy usando Bootstrap v5.0 y no puedo mostrar la selección del menú desplegable, como si hiciera clic en Acción, debería mostrar Acción en lugar del texto del enlace desplegable. Cualquier idea de cómo hacer esto en React Js usando estos códigos. Gracias por adelantado.
enlace desplegable <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> [Imagen de Bootsrap v5.0][1]Primero cree un Estado en React.js.
const [selectedState, setSelectedState] = useState("")Se puede utilizar con acento grave.
className=`dropdown-item-${selectedState}`Y manejar con el evento onClick.
onClick={setSelectedState("selected")}Estos códigos hacen que cada uno de los elementos seleccionados. Si sus enlaces son limitados, puede asignar una identificación a cada elemento y puede usar una matriz que mantiene las identificaciones de los elementos seleccionados en su estado.