reactJS Material 的UI图标按钮来上传文件

我想知道如何打开目录以使用IconButton上传文件吗？

<IconButton
  iconClassName="fa fa-plus-square"
  onClick={(e) => e.stopPropagation()}
  type='file'
/>

使用以下代码显示图标按钮和另一个用于上传文件的按钮

<IconButton iconClassName="fa fa-plus-square" onClick={(e) => e.stopPropagation()}>
    <input type="file type='file'>
</IconButton>

最佳答案

一些东西:

您不需要在IconButton上输入type='file'，只需在输入

上

IconButton期望它的子元素不是SVGIcon之外的其他任何东西，因此我建议您使用常规按钮

在这种情况下，我不会叫stopPropagation

输入 Prop 中有一个错字。您有type="file type='file'。它应该只是type="file"

因此，将所有内容放在一起:

<FlatButton label="Choose file" labelPosition="before">
  <input type="file" style={styles.exampleImageInput} />
</FlatButton>

如果您仍然希望它是图标而不是按钮，那么我怀疑您可以使用<input>进行某些操作，或者将其作为子项添加到FlatButton中而无需标签。