React JS Lists - School4Tech

you can render the list as shown below example with array.

Example code:

import React, { useState } from 'react';
import ReactDOM from 'react-dom/client';


//App function component 
function App() {

  const items = ['apple', 'banana', 'orange'];

  return (
    <>
      <h2>Example of React List</h2>
      <ul>
        {items.map((item) => <><div>{item}</div></>)}
      </ul>

    </>
  )
}

const root = ReactDOM.createRoot(document.getElementById("root"));   //creating a root React component in your application

root.render(<App />)                                                 // rendering React components into a DOM node.

import React, { useState } from 'react';

import ReactDOM from 'react-dom/client';

//App function component

function App() {

const items = ['apple', 'banana', 'orange'];

return (

<h2>Example of React List</h2>

<ul>

{items.map((item) => <><div>{item}</div></>)}

</ul>

</>

)

}

const root = ReactDOM.createRoot(document.getElementById("root")); //creating a root React component in your application

root.render(<App />) // rendering React components into a DOM node.

Output:

Leave a Comment Cancel Reply