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

Question

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

这将是：

1. 处理程序
2. 事件对象的属性
3. 属性 ...输入＆gt;复选框，输入＆gt;文件

输入示例＆gt;文本

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