Creé un botón de cambio de texto usando HTML y CSS. Lo estoy usando en una aplicación React y quiero detectar la opción seleccionada cada vez que cambia. por ejemplo, si se selecciona OR , debe almacenarse en el estado de opción selectedOption y si se selecciona AND , debe almacenarse.
Hice un sandbox de código con la demostración ( https://codesandbox.io/s/stupefied-snyder-lo530 )
¿Puede alguien por favor ayudarme con esto?
Gracias
establezca el estado al hacer clic, agregando esto:
onClick={(e) =>{ selectedOption==="OR" ? setSelectedOption("AND") : setSelectedOption("OR"), console.log(selectedOption); }}Como señaló @pilchard en el comentario, e.target.checked se puede usar para detectar true/false y luego, en función de esa opción selectedOption , se puede configurar.
onClick={e => { const currentVal = (e.target as HTMLInputElement).checked; setSelectedOption(currentVal ? 'AND' : 'OR'); }}