ReactJS Tutorial for Beginners -8

React

Welcome to part-8 of the series. You can find part-7 here. When we build web-applications a common scenario is to display list of items.

In any web-app we generally get a list of array and we iterate over it using map and display individual items.

List Rendering

We will create a function based component PersonList inside components folder. Here, we have an array names containing three strings.

After that we are just mapping over it and displaying each name inside a h1 tag.

PersonList.js

You can read the rest of the article from my site. Link for the same is below.

https://thewebdev.tech/react-basics-8

This completes part-8 of the series. You can find part-9 here.

--

--

Nabendu Biswas

Architect, ReactJS & Ecosystem Expert, Youtuber, Blogger