Это нормально
Вот вы попробовали, не получилось, поняли, что решение было неверное, исправили, это нормальный процесс обучения

Да, спасибо за объяснение)

ну вот такой курс, Юрий Бура, начало изучения реакт ,а как надо в 2021?

Ну ответь ты человеку, что надо

ответил жи

хуки же нельзя в условиях прописывать

Друзья, а есть такой вопрос когда оправдано юзать HOC, a когда нет?

ну вот такой пример банальный:

const withMainLink=( Component ) =>{
  return () => <Component>
    <Link to="/">Main page</Link> <div></div>
  </Component>
  ;
}

const StatsNav = (props) => {
  return (
    <nav>
      {props.children}<span>Users Statistics</span>
    </nav>
  )
}

withMainLink(StatsNav);
withMainLink(UserNav);

etc...

такое себе ?

где там хук?

а, это просто обучающий пример , на котором изучаются какие то основы реакт. Там его вместе с лектором пишешь, а не сам, самостоятельно не много реализовано тут от меня в плане практики. Такое нельзя в пет проекты заносить , это так, просто обучение) Потом уже буду брать сам проект какой то и делать, как разберусь. Ну, типа классовые компоненты тоже разобрать как то надо было. В будущем надеюсь норм буду функц и хуки юзать

никогда не оправдано если у вас не легаси

Блин, вот я сижу на англоязычных и русскоязычных каналах, и только тут люди позволяют себе такие категоричные заявления.

можете оспорить это категоричное заявление?

извиняюсь, слепой

https://codesandbox.io/s/filter-6c4r4?file=/src/App.js
Вот базовый, элементарный пример

ребят, подскажите, как убрать перезагрузку менюхи по клику на подменю, формирую ее динамически

{accessData?.length > 0 ? (
    <SubMenu key="sub1" title={'Docs'}>
    {accessData.map(item => (
    item.parent_route === 'docs' ?
   <Menu.Item key={item.id}>
     <Link to={item.route}>{item.name}</Link>
     </Menu.Item> : null
      ))}
 </SubMenu>
) : null}

Да да, именно так в курсе он и делает, спасибо))

что значит перезагрузка?

понял cпс,
одному компоненту одну nav верстать , второму вторую , и не мутить пытаясь сколотить для их двоих что-то типо HOC или Slots

ну я пытался попрактиковать эти паттерны точнее, понять где их использовать , но ни один особо не подходит то что я хотел сделать.

Опишите решаемую задачу, скорее всего ее проще решить без хока, простой композицией

не могу гифку закинуть наглядно показать( когда нажимаю на сформировавшееся подменю, оно пересоздается я так понимаю, когда статично все создаю, то при нажатии на подменюхи все без перезагрузки открывает