Learn React with TypeScript 3

Consuming the onSubmit form prop

In this section, we'll consume the onSubmit form prop in the ContactUs component. The ContactUs component won't manage the submission—it will simply delegate to the ContactUsPage component to handle the submission:

1. Let's start by importing ISubmitResult and IValues, and creating a props interface in the ContactUs component for the onSubmit function:

import { Form, ISubmitResult, IValues, minLength, required } from "./Form";interface IProps {  onSubmit: (values: IValues) => Promise<ISubmitResult>;}const ContactUs: React.SFC<IProps> = props => { ... }

2. Create a handleSubmit function that will invoke the onSubmit prop:

const ContactUs: React.SFC<IProps> = props => {  const handleSubmit = async (values: IValues): ...