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>) => {
}