Estoy tratando de construir un widget de alternar. Este es el código que estoy tratando de ejecutar. Aquí, me enfrento a un problema si la palanca está en el estado verdadero, está cambiando correctamente al estado falso. Pero cuando es el estado falso, no se alterna. Soy nuevo en esto de reaccionar js. ¿Alguien podría ayudarme a resolver este problema? Gracias de antemano.
import { Component, createElement } from "react"; import { CheckboxToggle } from "react-rainbow-components"; export default class SwitchExample extends Component { constructor(props) { super(props); this.handleChange = this.handleChange.bind(this); } handleChange(event) { const { booleanAttribute } = this.props; booleanAttribute.setValue(!event.target.value); } render() { const { booleanAttribute } = this.props; return <CheckboxToggle value={booleanAttribute.value} onClick={this.handleChange} />; } }No necesita obtener valor de e.target.value en su lugar, puede usar la devolución de llamada para actualizar el estado como:
handleChange(event) { const { booleanAttribute } = this.props; booleanAttribute.setValue((value) => !value); }