javascript - 如何重置文件输入的值?
问题描述
如何重置this.fileInput
为空或 null 或未定义?
class FileInput extends React.Component {
constructor(props) {
super(props);
this.handleSubmit = this.handleSubmit.bind(this);
this.fileInput = React.createRef(); }
handleSubmit(event) {
event.preventDefault();
alert(`Selected file - ${this.fileInput.current.files[0].name}`);
// Assume I have uploaded the file here
// How do I reset this.fileInput to empty Ref?
}
render() {
return (
<form onSubmit={this.handleSubmit}>
<label>
Upload file:
<input type="file" ref={this.fileInput} /> </label>
<br />
<button type="submit">Submit</button>
</form>
);
}
}
ReactDOM.render(
<FileInput />,
document.getElementById('root')
);
解决方案
只需清除您的参考值
this.fileInput.current.value = ''
推荐阅读
- php - Laravel Blade 没有从数据库正确更新。我的控制器有问题吗?在管理面板中,所有都正确显示完整的数据
- c# - UWP 应用程序数据本地设置
- python - python dash 回调动态生成的搜索结果。一定有更好的方法
- sql - 如何在 Oracle IDE 中获取查询执行计划?
- java - 一次调用即可命中多个 REST 端点
- javascript - 使用 React useState 的意外行为,非常奇怪的输出
- android - gitlab-ci.yml 中的 Android 模板因共享跑步者而失败
- java - 是否可以修改在远程服务器上作为 Spring 组件运行的 Clojure 代码并使用 REPL 下载修改后的代码?
- java - Thymeleaf 片段不渲染
- django - 检查django的约束