cómo enviar un formulario en reactjs y enviar datos en el ejemplo de código json

Liliana, miembro de este gran equipo, nos ha hecho el favor de escribir este artículo porque controla muy bien dicho tema.

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
   );

Si haces scroll puedes encontrar las explicaciones de otros gestores de proyectos, tú además tienes la opción de mostrar el tuyo si dominas el tema.

---

---

Utiliza Nuestro Buscador