Search⌘ K
Home/
Courses/
Building User Interfaces and Functions with TypeScript and React

Importing and Displaying the Mock Data

Import the mock data lists and render each element using React.

We'll cover the following...

Import widgets and people

To begin rendering our widgets and people, we need to import them into App.tsx:

TypeScript 3.3.4
import widgets from './mock-data/widgets'
import people from './mock-data/people'

Now, in our return value, we can map over each of these and render some of their data. For the widgets, let’s just render their title by using ...