Tag: REACT-BOOTSTRAP-NAV
Tengo que implementar un desplegable usando React, Bootstrap y TypeScript. ¿Cómo puedo hacer eso? Los valores del desplegable, como estos years = ["2018", 2019", "2020", "2021"], vendrán de las props como esto: Export interface CsProps{ years: string[] } export const Cs=({ years, }: CsProps): JSX.Element => { }
Este código nos proporcionará el interruptor con una flecha: <dropdown.toggle split=”” variant=”success” id=”dropdown-split-basic”></dropdown.toggle> Pero quiero cambiar el ícono por otros íconos de react icon. Agradecería si alguien pudiera mostrarme cómo. ¡Gracias de antemano!
¿Alguna idea para un componente modal sin usar hooks y usarlo dentro de otro componente basado en clases? function Example() { const [show, setShow] = useState(false); const handleClose = () => setShow(false); const handleShow = () => setShow(true); return ( <> <button variant=”primary” onclick=”{handleShow}”> Lanzar modal demo </button> <modal show=”{show}” . . . Read more
He tenido problemas al usar React Bootstrap en Gatsby versión 4, ya que parece no funcionar en absoluto. No hay capacidad de respuesta. He creado un pequeño proyecto de muestra para probar esto, disponible aquí: https://github.com/Johnsensei/react-bootstrap-test El código de la aplicación se ve así: import * as React from “react” . . . Read more
Tratando de implementar un menú desplegable anidado con las siguientes opciones: const options = [ { value: ‘one’, }, { value: ‘two’, }, { value: ‘three’, extraOptions: [ { value: ‘three point one’ }, { value: ‘three point two’ }, ], } ]; En mi componente tengo lo siguiente: handleChange(e)} . . . Read more