How To Create Dynamic Dropdown In React?

Sheo Sagar — Mon, 11 Nov 2019 05:32:58 +0000

Dynamic dropdown you can create with help of the map() method of the javascript. Need to create a separate component It helps to create for the repeated anchor then go to header file or where you need this the component then you can call as below code:

Navlist.js
import React from 'react'
import {Link} from 'react-router-dom'

export default (props) => {
const renderSubMenu = () => props.subMenu.map((item, i) =>

{item.name}

);
return(
<>

{props.navName} {props.subMenu ? (typeof props.subMenu=="object" ?

{renderSubMenu()} : null) : null}

</>
)
}

Explore in details
https://www.anythinglearn.com/2019/11/how-to-create-dynamic-dropdown-in-react.html

Forem: Sheo Sagar

How To Create Dynamic Dropdown In React?