cómo crear un formulario dinámico en el ejemplo de código de react js

Hola usuario de nuestra web, hallamos la solución a tu pregunta, continúa leyendo y la hallarás un poco más abajo.

Ejemplo: formas dinámicas en react

classAppextendsReact.Componentconstructor(props)super(props);this.state= values:[];this.handleSubmit=this.handleSubmit.bind(this);createUI()returnthis.state.values.map((el, i)=><div key=i><input type="text" value=el onChange=this.handleChange.bind(this, i)/><input type='button' value='remove' onClick=this.removeClick.bind(this, i)/></div>)handleChange(i, event)let values =[...this.state.values];
     values[i]= event.target.value;this.setState( values );addClick()this.setState(prevState=>( values:[...prevState.values,'']))removeClick(i)let values =[...this.state.values];
     values.splice(i,1);this.setState( values );handleSubmit(event)alert('A name was submitted: '+this.state.values.join(', '));
    event.preventDefault();render()return(<form onSubmit=this.handleSubmit>this.createUI()<input type='button' value='add more' onClick=this.addClick.bind(this)/><input type="submit" value="Submit"/></form>);ReactDOM.render(<App/>,document.getElementById('container'));

Si crees que te ha sido útil este artículo, sería de mucha ayuda si lo compartieras con otros seniors de esta forma nos ayudas a dar difusión a esta información.

---

---

Utiliza Nuestro Buscador