Как передать объект во внутрь метода перебора массива?

Егор Живагин, действительно, в песочнице работает. Сейчас попробую переписать для моего случая. :) Позже отпишусь что из этого вышло.

Как передать объект во внутрь метода перебора массива?

Егор Живагин, да прям беда какая-то. Зачем все так сложно то кто-то сделал? :)
Какие еще варианты?

Как передать объект во внутрь метода перебора массива?

Это компонент из библиотеки Material-UI. Выглядит так:

import * as React from 'react';
import { PopoverProps } from '../Popover';
import { MenuListProps } from '../MenuList';
import { PaperProps } from '../Paper';
import { StandardProps } from '..';
import { TransitionHandlerProps, TransitionProps } from '../transitions/transition';

export interface MenuProps
  extends StandardProps<PopoverProps & Partial<TransitionHandlerProps>, MenuClassKey> {
  anchorEl?: PopoverProps['anchorEl'];
  autoFocus?: boolean;
  children?: React.ReactNode;
  disableAutoFocusItem?: boolean;
  MenuListProps?: Partial<MenuListProps>;
  onClose?: PopoverProps['onClose'];
  onEnter?: PopoverProps['onEnter'];
  onEntered?: PopoverProps['onEntered'];
  onEntering?: PopoverProps['onEntering'];
  onExit?: PopoverProps['onExit'];
  onExited?: PopoverProps['onExited'];
  onExiting?: PopoverProps['onExiting'];
  open: boolean;
  PopoverClasses?: PopoverProps['classes'];
  transitionDuration?: TransitionProps['timeout'] | 'auto';
  variant?: 'menu' | 'selectedMenu';
}
export type MenuClassKey = 'paper' | 'list';
export default function Menu(props: MenuProps): JSX.Element;

Попробовал прописать новые пропсы в компоненте Menu аналогично anchorEl - так не работает. :)

Как передать объект во внутрь метода перебора массива?

Егор Живагин, где сделать?
Я вчера хотел так "обмануть" React :) Создавал константу и пытался туда засунуть task.ID, но она опять же перезаписывалась при каждой итерации и в конце оставалась крайняя.

Как передать объект во внутрь метода перебора массива?

Егор Живагин, Егор, вот так да, должно работать. Только еще один, последний, бестолковый вопрос:
А как предварительно достать items и taskId из props? Потому что они у меня через mapDispatchToProps работают.

Как передать объект во внутрь метода перебора массива?

Егор Живагин, да я не представляю, как перености в codesandbox, у меня код в 10 файлах фронтенда и еще бэкенд.
Вы предлагаете для каждого MenuItem делать отдельный компонент?

Как передать объект во внутрь метода перебора массива?

Егор Живагин, Даже если вот так написать:

{mainInformation.userTeam[0].map((value) => (
        <MenuItem onClick={() => closeMenuPerTeam({
            ID: task.ID,
            ROUTE_USER: value,
        })}>
    {value} {task.ID} // Никуда не передавая, просто отображаем значение.

Оно уже не правильное отображается. Т.е. в метод перебора приходят неверные данные.

Как передать объект во внутрь метода перебора массива?

Егор Живагин, Сделал. Все работает, но результат тот же. task передается крайний в массиве, а не нужный. Чудеса какие то.
Получается что именно в этот момент:
<MenuItem onClick={ onClick(task, value) }>
В task попадает не нужная task нам. В чем и заключается главный вопрос: "Как передать объект во внутрь метода перебора массива?" :)

Как передать объект во внутрь метода перебора массива?

Егор Живагин, пока что сделано так. Нужно показать более-менее работающее приложение. А дальше уже буде оптимизировать все.

Как передать объект во внутрь метода перебора массива?

Егор Живагин, у меня класса нет. Все сделано таким образом:

function ComponentName ({mainInformation, tasksData}) {
  const closeMenuPerTeam = () => {
    setActionRequest(data);
  }
return (
   <React.Fragment>
     <div>
     ...
    </div>
   </React.Fragment>
);

Поэтому и не ясно, где метод новый добавить. И внутри компонент this. работать не будет.

Как передать объект во внутрь метода перебора массива?

Немного не понял, вот этот кусок:

onCLick = (task, value) => () => {
  closeMenuPerTeam({
            ID: task.ID,
            ROUTE_USER: value,
        })
}

где нужно прописать?
Внутри React.Fragment она работать не будет же?

Как передать объект во внутрь метода перебора массива?

Ни у кого нет предположений, почему так происходит?

Как передать объект во внутрь метода перебора массива?

Александр, https://codesandbox.io/s/zen-mestorf-6g8vz?file=/s...

Как передать объект во внутрь метода перебора массива?

Александр, я никак не смогу туда все запихнуть, так как массивы хранятся в redux’е,куда попадают с API, css на material-ui, и кода на 3К строк. Неправильно работает написаный выше кусок, разве без песочницы не обойтись? Как я думаю, корать нужно в сторону правильного синтаксиса для проброса данных одного массива в метод перебора другого.

Как передать объект во внутрь метода перебора массива?

Александр, а зачем здесь это? Или вы предлагаете мне туда весь код сгрузить?

Как передать объект во внутрь метода перебора массива?

Александр, что за песочница?

Как изменить состояние определенного элемента в Store?

MifeeX, да, я понял. Так он возвращал в state, а не в state.infoTask. Из-за этого и не рендерился компонент, массива в нужном месте не находил. :)

Как изменить состояние определенного элемента в Store?

MifeeX, спасибо большое за ответы. Я уже правда написал чтобы работало как надо.

const tasksData = handleActions({
 [setActionRequest.toString()]: (state, { payload } => {
  if (Array.isArray(state.infoTask)) {
    const id = payload.ID;
    const tasks = state.infoTask.map((task) => {
      let t = task;
      if (task.ID == id) t.ROUTE_USER = payload.ROUTE_USER;
      return t;
    });
   return tasks;
  }
return state;
},
null,
);

Но теперь возникла другая проблема. React после этого действия рендерит заного компонент и вываливается в ошибку, т.к. рендер происходит быстрее чем отрабатывает Redux. Что делать? :)

Как изменить состояние определенного элемента в Store?

MifeeX, а можно полностью описать код? По типу:

const tasksData = handleActions({
  [setActionRequest.toString()]: (state, action) => ({
    ...state,
    ROUTE: action.payload,
  }),
},
null,
);

А то я уже столько мучаюсь, что ничерта не получается даже элементарные вещи предложенные вами написать. :(

Сделал так:

const tasksData = handleActions({
  [setActionRequest.toString()]: (state, action) => ({
    let newState = {...state};
    state.map() {
       if ( // что писать дальше?
  }),
},
null,
);

Как изменить состояние определенного элемента в Store?

Дмитрий, извините, писал с телефона. Сейчас оформил.