Типа если охото их разбить на части

йеп)

Ну если заставлять писать какой-то большой общий тип для всего сценария, то это наверное жирно будет)

Даже хз

Как то можно сохранить значение с прошлого рендера перед выполнением Хука useLayoutEffect?

Не могу решить задачу, нуждаюсь в поддержке
У компоненты есть redux store, она берет [{...}, {...},...]

выводит таблицу на обычных div (не table)

   {items.map((item) => (
       <div onClick={'по клику сюда'}  key={item.id}>
           <div>
               <div>........</div>
           </div>
           <DopInfo /> ——> отобразить доп. инфо по клику выше
       </div>
   ))}

И при клике на другой div, закрыть текущий и открыть у нового DovInfo

При этом redux store постоянно меняет этот список
То есть мне нужен чисто реактовский способ реализации, help me please

Подробно ли я описал что мне требуется?

Что такое компонента?

Подход из доки с useRef не пробовали? https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state

хранить только один id развернутого элемента, проверять его и перестать использовать слово компонента там, где оно не надо

Делай в компоненте мужского рода какой-нибудь activeId, и меняй при нажатии

чот крикнул)

а чтобы все ебло не ререндерилось у таблицы оформить точечную подписку на стор в одном table row

Главное условие, чтобы компонент был мужского рода, иначе компонента женского скажет "Чиво блять", когда попытаешься ей какой-то стейт впихнуть

😁

пробовал

это не тебе же ответ был О_0

😳 он же вообще не тебе, и зачем тебе useRef

это уже дискриминация какая то🌚

в любой непонятной ситуации отвечай что уже пробовал:D

сексизм )