Typed React event handler

[ccorcos]

Seems to me like this should work:

class MouseDown extends React.Component<{}, {}> {
	onMouseDown = (event: MouseEvent) => {
		console.log(event)
	}
	render() {
		return <div onMouseDown={this.onMouseDown} />
	}
}

Ideally I could just leave off the type signature and it would be inferred based on how we're calling it, but that doesnt work. So I don't know how to get this to compile.

[danielkcz]

Did no one figure this out yet or nobody wants to share ? :)

import React, { MouseEvent } from 'react'

onMouseDown = (event: MouseEvent<HTMLDivElement>) => {
}