меню, и при клике надо на кликнутый айтем добавить какой то класс к нему (или раскрыть субменю или выделить несколько - то есть в стейт надо добавить параметр)
state = {
menu: [
{ id: 1, name: 'Topics',
isOpened: true,
{ id: 2, name: 'Currencies },
{ id: 4, name: 'Date' },
]
}
в рендере оно выводится
{menu.map((item)=>
<div onClick={()=>this.handleClick( param )}>...</div>
}
handleClick = (param) => {
// вот что передать в обработчик и какой правильный способ найти в стейте нужный объект в массиве?
// не перебором же всего подряд?
}
зависит от необходимой глубины оптимизаций мне удобнее читать это handleClick = (param) => (event) => {} div onCLick={this.handleClick(228)}
Обсуждают сегодня