Material-UI文件上传：点击Button时，没有打开文件选择选项，如何修复？

Material-UI File Upload: while click Button, not opening the file select option, how to fix it?

提问人：KARTHIKEYAN.A 提问时间：6/21/2023 更新时间：6/21/2023 访问量：25

问：

文件上传选项未在 material-ui 按钮中打开，不知道如何修复。

InputProps={{
    endAdornment:
        (<InputAdornment position="end" style={{height: '24px'}}>
            <Button size={'medium'}>
                Attach +
                <input
                    onChange={handleFile}
                    type="file"
                    hidden
                />
            </Button>
        </InputAdornment>)
}}
reactjs 文件 按钮 输入 材料-ui

评论

答：

0赞 KARTHIKEYAN.A 6/21/2023 #1

阅读官方文档后，我已将 component=“label” 属性添加到 Button 并解决了问题

InputProps={{
        endAdornment:
            (<InputAdornment position="end" style={{height: '24px'}}>
                <Button size={'medium'} component="label"> // added  component="label"
                    Attach +
                    <input
                        onChange={handleFile}
                        type="file"
                        hidden
                    />
                </Button>
            </InputAdornment>)
    }}

上一个：在Python中，如何写入带有列表的文件

下一个：用于多个扩展名的 HTML 文件输入过滤器