检查输入类型文件是否附加了 React.js Material UI答案

【问题标题】：Check if input type file was attached with React.js Material UI检查输入类型文件是否附加了 React.js Material UI
【发布时间】：2021-06-17 22:13:27
【问题描述】：

我有一个 Material UI <TextField /> 组件，我想在附加文件时触发一个事件。它是一个 TextField，但我给它一个 type=file 属性，所以它接受文件。否则，我不知道该怎么做，通过网络我只找到了 JQuery 的解决方案，我不想使用它。你知道 React、vanilla 或类似的解决方案吗？

【问题讨论】：

你是什么意思“当一个档案附加到它”？ It's a text field，它包含文本。
请详细说明您的问题。目前尚不清楚您所说的存档是什么意思。文本字段包含文本...
@Mike'Pomax'Kamermans 我给它一个type=file。是否有特定的组件来输入文件？
@Michael 我现在改变了问题。请告诉我是否遗漏了什么
它确实像那样工作，你读过 API 吗？以下是所有可用参数和选项的列表：material-ui.com/api/text-field。要使用文件上传，您可以使用输入元素：material-ui.com/api/input

标签： javascript html reactjs input material-ui

【解决方案1】：

你不能那样做。以下是文本字段的所有可用参数和选项的列表：https://material-ui.com/api/text-field/

要使用文件上传，您可以使用输入元素：https://material-ui.com/api/input/

然后您可以检查文件是否存在，例如：

 <input type="file" onChange={() => console.log("changed")} />

完整示例： https://codesandbox.io/s/nostalgic-blackwell-z7ng2

【讨论】：

也许我很不专心，但在文档中说道具类型在 TextField 组件中被接受，并且该组件当前的行为类似于文件输入。问题是我想在附加文件时触发一个事件。
用输入元素试试吧。
看material-ui.com/api/text-field/#props。我用文本字段和类型道具制作了一个沙箱：codesandbox.io/s/pedantic-waterfall-rfhjv?file=/src/App.js@Mike'Pomax'Kamermans
我不知道如何使用输入元素。问题就在这里：如何检查文件输入是否已附加？ @迈克尔
developer.mozilla.org/en-US/docs/Web/API/FileList 你检查它上面的归档对象，如果它的长度你知道它有一个附加的文件。