javascript - react : Checkbox and file on controlled forms

Question

对于文本类型的输入，这很简单，通过 onChange()，我可以调用 setState() 更新状态，并通过其 value 属性显示输入上的状态。然而，对于复选框，甚至更多文件，我完全迷失了。

哪一个是:

1. 处理程序
2. 事件对象的属性
3. 属性...对于输入>复选框和输入>文件

输入示例>文本

1. onChange()
2. 事件.目标.值
3. 值(value)

Answer 1

对于复选框，您可以使用以下命令进行检查:

handleChange(e) {
  console.log(e.target.checked);
}
<input 
  type="checkbox" 
  name="checkbox"
  onChange={ this.handleChange } 
/>

对于文件，您可以按如下方式操作:

handleUploadFile(e) {
  let selectedFile = e.target.files;
  //if single file
  console.log(selectedFile[0]);
  //else loop around the files
  ...
}