Search⌘ K
Home
Courses
Building Web Applications with React and ASP.NET Core

Creating an AnswerList Component

Learn to create an AnswerList on the web page.

We'll cover the following...

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:

Node.js
/** @jsxImportSource @emotion/react */
import { css } from '@emotion/react';
import React from 'react';
import { AnswerData } from './QuestionsData';
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 ...