我正在使用React JS编码。
我们有一个输入表单,其中包含文本输入框。文本输入框触发了一个onChange函数,导致状态改变(从而进行重新渲染)。
var resultJSXcount = 1;
for (let i = 0; i < myArray.length; i++){
resultJSXTable.push(
<tr key= {resultJSXcount++}>
<td style = {{"paddingRight": "10px"}} > {i+1}: </td>
<td style = {{"paddingRight": "10px"}}>
<input
type='text'
id = {i}
value = {myArray[i].name}
onChange = {(event) => {
myArray[i].name = event.target.value;
this.props.updateState()}}
/>
<span style={{"color":"red"}} >
{this.props.parentState.errorName[i]}
</span>
</tr>
);
}
这在Chrome和Internet Explorer中完美运行。但是在Firefox中,你无法输入,因为输入会失去焦点。
任何帮助都将不胜感激!
defaultValue
而不是value
吗? - devserkan