Learn React with TypeScript 3

Creating a basic form component

It's time to start work on our generic Form component:

1. Let's start by creating a new file in the src folder called Form.tsx, containing the following content:

import * as React from "react";interface IFormProps {}interface IState {}export class Form extends React.Component<IFormProps, IState> {  constructor(props: IFormProps) {}  public render() {}}

Form is a class-based component because it needs to manage state. We have named the props interface IFormProps because later on we'll need an interface for field props.

2. Let's add a defaultValues prop to the IFormProps interface. This will hold the default value for every field in the form:

export interface IValues {  [key: string]: any;}interface IFormProps {