javascript - react组件里的dom方法调用

问题描述

问 题

想做一个react上传图片预览的组件，然后以前绑定事件都是写在class内部然后通过this.xxx来调用，
然后突发奇想举着这个bindEvent事件里全是dom相关的操作，那为什么非要挂在this上来调用而不是直接放在class外面？然后就这样写了（如图）没有发现问题，但是我到网上差了一下，把一个函数暴露在class组件外部可能造成内存泄漏（闭包函数）。
大家有什么好的办法来处理这些与组件不相关的方法嘛？

解决方案

看了一下你的代码，试试这样。不用写你的那么复杂的

<input type='file' onChange={ e => this.handleUpload(e)}/>

handleUpload(event) {
  console.log(event.target.files[0])
}

这篇关于javascript - react组件里的dom方法调用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！