Buen día! Tengo 2 div y 2 botones un boton es para que se muestre el segundo div y se muestre el primer div; el segundo boton es para que se oculte segundo div y se muestre el primero.
constructor(props) {
super(props);
this.state = {checked: false}
this.handleChange = this.handleChange.bind(this);
}
handleChange(checked) {
this.setState({ checked});
}
render() {
return (
<div className="col-md-6 mb-2">
<div className="btn-group btn-group-sm" role="group" aria-label="Basic example">
{/* Este es el boton 1 */}
<button type="button" id="btn-nquote" className="btn btn-success btn-sm" onClick={this.handleChange} checked={this.state.checked}>Normal Quote</button>
{/* Este es el boton 2 */}
<button type="button" id="btn-flex" className="btn btn-unique btn-sm" onClick={this.handleChange} checked={this.state.checked}>Flex Quote</button>
</div>
</div>
{/* Este es el div 1 */}
<div hidden={this.state.checked ? false : true}></div>
{/* Este es el div 2 */}
<div hidden={this.state.checked ? false : true}></div>
);
}
Mi problema es que al presionar cualquiera de los dos botones me oculta el segundo div y ya no puedo volver a mostrar el primer div al presionar cualquiera de los dos botones.
Espero me puedan ayudar y quedo atento