Learn React with TypeScript 3

Creating a basic function component

Let's refactor our Confirm component to be a function component, in order to learn how to implement these:

1. Open Confirm.tsx and replace the class signature with the following:

const Confirm: React.SFC<IProps> = (props) => {...}

We define a function component using an arrow function, passing the props type in as a generic parameter.

We'll learn about generic functions later in the book—so don't worry if this doesn't make perfect sense right now.

We use stateless functional component (SFC) React.SFC to represent these type of components.

Our component is now throwing several compilation errors. We'll resolve these in the next steps.

2. Function components don't have render methods. Instead, the function ...