ASP.NET Core 3 and React

Creating the QuestionList component

Let's go through the following steps to implement the QuestionList component:

1. Let's create a file called QuestionList.tsx and add the following import statements:

import { FC } from 'react';/** @jsx jsx */import { css, jsx } from '@emotion/core';import { gray5, accent2 } from './Styles';import { QuestionData } from './QuestionsData';

Notice that we have imported FC from React.

A Functional Component (FC) is a generic TypeScript type we can use to pass strongly-typed props to a function-based component. The syntax is FC<Props>, where Props is the interface for the props.

2. Now, let's define the interface for the component props underneath the import statements:

interface Props {  data: QuestionData[];