estoy haciendo una practica en react soy principiante y tengo esta incógnita, en esta practica tengo unos inputs que se renderizan de manera dinamica por un map, como haría para que cada dato de cada uno de los inputs renderizados se guarde en un state diferente. este es mi código hasta los momentos, gracias de antemano.
export class RenderizadoPrueba extends Component{
constructor(props){
super(props);
this.state ={
values: '',
nroRenderElemento: 3,
inputs: []
}
this.handleChange = this.handleChange.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
}
handleChange(e){
this.setState({
value: e.target.value
});
}
handleSubmit(e){
console.log('Este es el nombre introducido:', this.state.value);
e.preventDefault();
}
componentDidMount(){
this.setState({
inputs: [... Array(this.state.nroRenderElemento)].map((input, i) =>
<label key={input}>
Introduzca su Nombre:
<input type="text" name={i} onChange={this.handleChange}/>
</label>
)
})
}
render(){
return(
<div>
<form onSubmit={this.handleSubmit}>
{this.state.inputs}
<input type="submit" value="Submit"/>
</form>
</div>
)
}
}