Tratando de colocar varios input
dentro de una tabla, me he encontrado con un inconveniente, el cual es que no me permite escribir nada en estos, por mas que haga cosas.
Según leí en mi búsqueda, no puede colocarse de tal forma.
Estado
this.state = {
energiaConsumida:{
enero:"",
febrero:"",
marzo:"",
abril:"",
mayo:"",
junio:"",
julio:"",
agosto:"",
septiembre:"",
octubre:"",
noviembre:"",
diciembre:""
},
}
Dentro de la tabla
<tr>
<td>
<input type="text"
placeholder="Enero"
value={this.state.energiaConsumida.enero}
onChange={this.updateFields.bind(this, 'consumoEnero')}
name="consumoEnero"
maxLength="4"/>
</td>
</tr>
funcion para actualizar los inputs
updateFields(propertyName, event) {
let energyData = this.state.energiaConsumida;
const re = /^[0-9\b]+$/;
if (event.target.value == '' || re.test(event.target.value)) {
energyData[propertyName] = event.target.value;
this.setState({ energiaConsumida: energyData });
}
}
onChange={this.updateFields.bind(this, 'enero')}
, ya debe poner un valor en el input