反应：在受控表单上复选框和文件

Question

对于文本类型的输入很容易，使用onChange（）我更新状态，调用setState（），并通过其value属性显示输入上的状态。然而，对于复选框，甚至更多的文件，我完全迷路了。

这将是：

1. 处理程序
2. 事件对象的属性
3. 属性。。。输入

输入示例

1. onChange（）

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