Estoy haciendo una pequeña practica en react y tengo un formulario que necesito renderizar según un bucle for, pero se me dificulta bastante ya que apenas estoy empezando con react. Este es mi código por el momento, tengo el for en un DidMount, si me pueden ayudar muchas gracias de antemano
export class RenderizadoPrueba extends Component{
constructor(props){
super(props);
this.state ={
value: '',
nroRenderElemento: 5
}
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(){
for (let indexRender = 0; indexRender < this.state.nroRenderElemento; indexRender++) {
const nroRender = [indexRender];
console.log('nro de render:', nroRender)
}
}
render(){
return(
<div>
<form onSubmit={this.handleSubmit}>
<label>
Introduzca su Nombre:
<input type="text" value={this.state.value} onChange={this.handleChange}/>
</label>
<input type="submit" value="Submit"/>
</form>
</div>
)
}
}