Tengo este span :
<span className="close" onClick={this.props.handleClose}><u>Close</u> X</span> handleClose establece una propiedad que se utiliza para mostrar u ocultar una ventana emergente. Quiero editar esto onClick para llamar también a un punto final de descanso si esta función establece updateDocsFlag en verdadero:
doIsChecked() { var isItChecked = document.getElementById('isPless') as HTMLInputElement; if (isItChecked.checked) { this.setState({ updateDocsFlag: true }); } else { this.setState({ updateDocsFlag: false }); } } ¿Se puede hacer eso? Si es así, supongo que si puede, será algo así como crear una función para hacer que el resto llame e incluirla en onClick , pero no estoy seguro de si se pueden llamar varias funciones de esta manera.
handleClose proviene de una clase diferente. Esto es lo que parece:
<Pless handleClose={this.hidePless} showPless={this.state.showPlessPrompt} /> hidePless = () => { this.setState({ showPlessPrompt: false }); };En mi clase Pless tengo esta interfaz:
interface Props { handleClose: () => void; showPless: boolean; }<span className="close" onClick={this.props.onclick}><u>Close</u> X</span> // basically this is what you want no? const onclick = () => { handleClose(); doIsChecked(); };Si necesita el evento, puede pasarlo de la función onclick a handleClose o doIsChecked
Actualizar:
En realidad, el guión anterior es más general. En tu caso probablemente se vería así:
<span className="close" onClick={onclick}><u>Close</u> X</span>.
const onclick = () => { this.props.handleClose(); doIsChecked(); };