Rendering Lists in React JS. -( map )

index.js

import React from "react";
import ReactDOM from "react-dom";

const brands = ["Dell", "Huawei", "Samsung", "RedMi", "Apple"];

const BrandList = () => (
  <div>
    <ul>{brands.map(brand => <li key={brand}> {brand} </li>)}</ul>
  </div>
);

const rootElement = document.getElementById("root");
ReactDOM.render(<BrandList />, rootElement);

Rendering Lists in React JS.

This is a stateless component in React, which renders a div with a list. The individual list items are rendered using .map() to iterate over the names array initially created. This component is rendered using ReactDOM on the DOM element with Id of root.