1
preact
의 onChange
이벤트가 작동하지 않는 문제가 발생했습니다. react
에서는 모든 것이 잘 작동합니다. onInput
도 작동하지 않습니다. (preact
+ typescript
)preact : 입력 파일에 OnChange가 작동하지 않습니다.
export class Download extends React.Component<DownloadProps, {}> {
constructor(props: DownloadProps) {
super(props);
this.state = {
imgSrc: ''
};
}
public componentDidUpdate() {
console.log('did2')
}
public render() {
console.log('render', this.state);
return <div className={s.root}>
<input className='fileInput' type='file' onChange={() => { this.handleImageChange() }} />
<div className={s.comment}>Upload</div>
</div>;
}
private handleImageChange() {
this.setState({imgSrc: '30'})
}
}
난 몰라 typescript에 대해서는이 코드를 보았습니다 : http://blog.wolksoftware.com/working-with-react-and-typescript, 'function' 키워드 대신'public'을 사용합니다. –
@MayankShukla,'handleImageChange'다운로드 클래스의 일부가 아닙니다. 'private handleImageChange'를 사용하여 클래스에 넣을 수 있지만 해결책이 아닙니다. –
'this'를 쓰는 것을 잊어 버린 것 같아요 : this.handleImageChange.bind (this)' –