Learn React with TypeScript 3

Defining state type

Let's create a state in App.tsx, and properly manage whether the confirmation dialog is open or closed:

1. First, let's create an interface for the state above the App class:

interface IState { confirmOpen: boolean;}

2. We then tell the App component about the state type, which we can do using the second generic parameter of React.Component:

class App extends React.Component<{}, IState>

We have used {} as the props type because there are no props for this component.