List Rendering in React

This content originally appeared on DEV Community and was authored by Moni

Why we need List Rendering in React

Whenever we need to render same type of components or elements multiple time (with different data) than we use List rendering to automate rendering

How to do List Rendering in React

Javascript map() operator (Introduced in ES6) is used for List Rendering.

Benefits

1. Reduces Line of code
2. Automates Rendering

STATIC WAY : NOT EFFICIENT

USING MAP

You can follow me on my youtube videos channel.

Videos in Hindi

This content originally appeared on DEV Community and was authored by Moni

Print Share Comment Cite Upload Translate Updates

APA

Moni | Sciencx (2021-06-05T06:21:09+00:00) List Rendering in React. Retrieved from https://www.scien.cx/2021/06/05/list-rendering-in-react/

MLA

" » List Rendering in React." Moni | Sciencx - Saturday June 5, 2021, https://www.scien.cx/2021/06/05/list-rendering-in-react/

HARVARD

Moni | Sciencx Saturday June 5, 2021 » List Rendering in React., viewed ,<https://www.scien.cx/2021/06/05/list-rendering-in-react/>

VANCOUVER

Moni | Sciencx - » List Rendering in React. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/06/05/list-rendering-in-react/

CHICAGO

" » List Rendering in React." Moni | Sciencx - Accessed . https://www.scien.cx/2021/06/05/list-rendering-in-react/

IEEE

" » List Rendering in React." Moni | Sciencx [Online]. Available: https://www.scien.cx/2021/06/05/list-rendering-in-react/. [Accessed: ]

rf:citation

» List Rendering in React | Moni | Sciencx | https://www.scien.cx/2021/06/05/list-rendering-in-react/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.