Learn React with TypeScript 3

Basic event handlers

All the native JavaScript events are available for us to handle in JSX. JSX allows us to do this with props that call functions. The prop name is derived by prefixing the native event name with on, using camel case. So the prop name for the click event is onClick in JSX.

We can see a list of all the available events with their corresponding types in the index.d.ts file in the node_modules/@types/react folder.

We need to be able to control what the buttons do in our Confirm component. Follow these steps:

1. The first step is handling the click events on those buttons. Let's set the onClick prop on the Okay button, as follows:

<button className="confirm-ok" onClick={this.handleOkClick}>...</button>

So, we're telling the ...