Home / Questions / 156988
Accepted
Pedro Miguel Pimienta Morales
Asked: 2020-04-19 05:57:07 +0800 CST 2020-04-19 05:57:07 +0800 CST

我无法写入 ReactJS 表中的输入

  • 772

试着input在一张桌子里放几个，我发现了一个不便，那就是它不允许我在这些里面写任何东西，不管我做了多少事情。

从我在搜索中看到的内容来看，它不能以这种方式放置。

健康）状况

this.state = { 
            energiaConsumida:{
                enero:"",
                febrero:"",
                marzo:"",
                abril:"",
                mayo:"",
                junio:"",
                julio:"",
                agosto:"",
                septiembre:"",
                octubre:"",
                noviembre:"",
                diciembre:""
            },
}

内表

<tr>
    <td>
        <input type="text" 
        placeholder="Enero"
        value={this.state.energiaConsumida.enero}
        onChange={this.updateFields.bind(this, 'consumoEnero')}
        name="consumoEnero"
        maxLength="4"/>
    </td>
</tr>

更新输入的函数

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

1 Answers

  1. Best Answer

    问题是您正在尝试写入this.state.energiaConsumida.consumoEnero并且输入值来自this.state.energiaConsumida.enero.

    将您的参数更改consumoEnero为enero

    <input 
  type="text" 
  placeholder="Enero" 
  value={this.state.energiaConsumida.enero} 
  onChange={this.updateFields.bind(this, 'enero')} 
  name="consumoEnero"
  maxLength="4" />
    • 3