React：受控表单上的复选框和文件

Question

对于文本类型的输入，这很容易，使用 onChange() 我调用 setState() 更新状态并通过其 value 属性显示输入的状态。但是，对于复选框甚至更多的文件，我完全迷失了。

这将是：

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

输入示例>文本

1. onChange()
2. event.target.value
3. 价值

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
  ...
}