檢查輸入類型文件是否附加了 React.js Material UI

Question

我有一個 Material UI <TextField />組件，我想在附加文件時觸發一個事件。 它是一個 TextField，但我給它一個type=file屬性，所以它接受文件。 否則，我不知道該怎么做，通過 web 我只找到了 JQuery 的解決方案，我不想使用它。 你知道一些 React、vanilla 或類似的解決方案嗎？

Answer 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