Всем привет, есть селектор menuHaveChild - проверяет есть ли подпункты

Question

Всем привет, есть селектор menuHaveChild - проверяет есть ли подпункты

меню или это конечная менюшка. В зависимости от этого присваиваю имя, событие клика и путь. Как можно красиво избавиться от такой кучи нагромождения?

#frontend #javascript #programming #react.js #russian

0

12.07.2021

2 ответов

13 просмотров

FroG Автор вопроса

спасибо!

0

12.07.2021

Dmitry Remezov · Accepted Answer

Сделай компонент, в котором вся общая логика элемента меню + пропсами меняющаяся и просто рендери его разными способами. function SubMenuSuperItem({ item: { id, name }, onClick, path }) { return ( <li> <SubMenu size="..." id={id} name={name} mouseLeave={() => '...'} click={onClick} path={path} /> </li> ); } // .... const relatedSubItems = useMemo( () => menu.subItems .filter(subItem => subItem.parent_id === item.id) .map(subItem => ({ value: subItem, haveChild: menuHaveChild(menu, subItem.id) })), [menu, item] ); return relatedSubItems.map(({ value, haveChild }) => haveChild ? ( <SubMenuSuperItem key={value.id} item={value} path="catalog" /> ) : ( <SubMenuSuperItem key={value.id} item={value} path="products" onClick={() => dispatch('...')} /> ) );

169 похожих чатов

Всем привет, есть селектор menuHaveChild - проверяет есть ли подпункты

2 ответов

Похожие вопросы