<html><head> <meta charset="UTF-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.2/umd/react.development.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.development.js"></script> <!---this is used to compile on run time---> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script></head><body> <h3> Ract Js Rendering a nested array as a list of items using map() function</h3> <div id="app"></div> <script type="text/babel"> function App() { const lists = [ ["Apple", "Banana", "Orange"], ["Red", "Blue", "Yellow"], ["Mobile", "Desktop", "Laptop"], ]; return ( <ul> {lists.map((list, index) => ( <li key={index}> <ul> {list.map((item) => ( <li key={item}>{item}</li> ))} </ul> </li> ))} </ul> ); } ReactDOM.render(<App />, document.getElementById('app')); </script></body></html>