¿Puedo validar mi menú desplegable de selección sin usar el gancho de reacción? Debo asegurarme de que el valor en la selección nunca esté vacío / nulo cuando el usuario haga clic en el botón Enviar.
handleChange = (option) => { this.setState({option:option.target.value}) <Select onChange={this.handleChange} value={this.state.option}> <MenuItem>test1</MenuItem> <MenuItem>test2</MenuItem> </Select>Este es el código actual para mi selección de reacción, me gustaría validarlo para que nunca esté vacío al hacer clic en el botón Enviar. Como el código para mi envío es como se muestra a continuación, junto con la función básica de los botones, etc.
OnClickSubmit(event)=>{event.preventDefault()}Puede marcar el método OnClickSubmit .
OnClickSubmit(event)=>{ event.preventDefault() // check if value is not empty/null before invoking your fns if(!!this.state.option){ // invoke your functions here ... } }