Saltar al contenido

Cómo tener un botón guardar para un formulario de ejemplo de código React.js

Esta es la respuesta más acertada que te podemos dar, pero estúdiala detenidamente y valora si es compatible a tu proyecto.

Ejemplo 1: Cómo enviar formularios y guardar datos con React.js

classUserFormextendsReact.Componentconstructor(props)super(props);this.state=username:'';this.handleChange=this.handleChange.bind(this);this.handleSubmit=this.handleSubmit.bind(this);handleChange(event)this.setState(username: event.target.value);handleFormSubmit(event)console.log('username: '+this.state.username);
      event.preventDefault();render()return(<form onSubmit=this.handleFormSubmit><label>Name:<input type="text" value=this.state.username onChange=this.handleUsernameChange/></label><input type="submit" value="Submit"/></form>);

Ejemplo 2: Cómo enviar formularios y guardar datos con React.js

handleInputChange(event)const value = event.target.value;const name = event.target.name;this.setState([name]: value
   );

Comentarios y puntuaciones del post

Si te gustó nuestro trabajo, tienes la libertad de dejar un tutorial acerca de qué le añadirías a esta sección.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags :

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *