ASP.NET Core 3 and React

Creating an AnswerList component

Follow these steps to create a component that will render a list of answers:

1. Create a new file called AnswerList.tsx with the following import statements:

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

So, we are going to use an unordered list to render the answers without the bullet points. We have referenced a component, Answer, that we'll create later in these steps.

2. Let's define the interface so that it contains a data prop for the array of answers:

interface Props {  data: AnswerData[];}

3. Let's create the AnswerList component, which outputs the answers: ...