Reactstrap: ¿Cómo capturo el evento y los valores de cambio del grupo de botones como casillas de verificación?

Creado en 9 feb. 2018  ·  3Comentarios  ·  Fuente: reactstrap/reactstrap

Quiero usar el grupo de botones como casilla de verificación. ¿Cómo puedo hacerlo? ¿Podría agregar alguna documentación al respecto? ¿Qué métodos utilizo?

Deben ser botones de opción:

<ButtonGroup>
    <Button>AAA</Button>
    <Button>BBB</Button>
    <Button>CCC</Button>
</ButtonGroup>
question

Comentario más útil

Consulte el n. ° 300, aquí hay una demostración: https://stackblitz.com/edit/reactstrap-v5beta-zxdfeh?file=Example.js
Dado que el estado es administrado por su componente, no necesita usar entradas reales (como lo hace Bootstrap). Puede simplemente almacenar los valores seleccionados en el estado y aplicar condicionalmente la propiedad active en cada uno de los botones que tienen valores en su estado seleccionado.

Todos 3 comentarios

Consulte el n. ° 300, aquí hay una demostración: https://stackblitz.com/edit/reactstrap-v5beta-zxdfeh?file=Example.js
Dado que el estado es administrado por su componente, no necesita usar entradas reales (como lo hace Bootstrap). Puede simplemente almacenar los valores seleccionados en el estado y aplicar condicionalmente la propiedad active en cada uno de los botones que tienen valores en su estado seleccionado.

Cambió al viejo Bootstrap 4 y feliz

Sí, funciona exactamente igual. Tú mismo administras el estado. Lo único que reactstrap hace para estos componentes es abstraer los classNames, por lo que agregar los classNames usted mismo es lo mismo.

¿Fue útil esta página
0 / 5 - 0 calificaciones