如何在 React 的 Material UI 简单输入上启用文件上传？

Question

我正在创建一个简单的表单来使用带有 redux 表单和材料 ui 的电子反应样板上传文件。

问题是我不知道如何创建输入文件字段，因为材料 ui 不支持上传文件输入。

关于如何实现这一目标的任何想法？

原文由 gintoki27 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

API为此提供了 component 。

 <Button
  variant="contained"
  component="label"
>
  Upload File
  <input
    type="file"
    hidden
  />
</Button>

原文由 elijahcarrel 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

较新的 MUI 版本：

 <input
  accept="image/*"
  className={classes.input}
  style={{ display: 'none' }}
  id="raised-button-file"
  multiple
  type="file"
/>
<label htmlFor="raised-button-file">
  <Button variant="raised" component="span" className={classes.button}>
    Upload
  </Button>
</label>

原文由 galki 发布，翻译遵循 CC BY-SA 4.0 许可协议