reactjs - 如何使输入类型=文件只接受图像 react

Question

<Input
 id="image"
 type="file"
 accept="image/*"
 onChange={event =>
  getBase64(event.target.files[0]).then(file =>
   this.setState({ image: file })
 )
}
/> 

**但它也接受其他文件**，我应该改变什么才能让它只接受图像

Answer 1

设置 accept <Input /> 上的属性您需要使用 inputProps像这样

<Input type="file" inputProps={{ accept: 'image/*' }} />

编辑
几个月后看这个并阅读@Aprillions 评论我认为澄清这是 Material-UI 而不是纯 React 会很好