react组件里的dom方法调用

Question

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

Answer 1

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

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

handleUpload(event) {

  console.log(event.target.files[0])

}