npm i -g create-next-app
npm init
{ tasksData.infoTask.map((task) => (
<Menu
id="menu-per-team"
anchorEl={engineerOfTeam}
keepMounted
open={Boolean(engineerOfTeam)}
onClose={closeMenuPerTeam}
// новые пропсы
items={ mainInformation.userTeam[0] }
taskId={ task.id }
/>
)}
// Предварительно нужно достать items и taskId из props или this.props
items.map(value => {
<MenuItem onClick={() => closeMenuPerTeam({
ID: taskId,
ROUTE_USER: value,
})}> {value} </MenuItem>
})
function ComponentName ({mainInformation, tasksData}) {
const closeMenuPerTeam = () => {
setActionRequest(data);
}
const onClick = (task, value) => () => {
closeMenuPerTeam({
ID: task.ID,
ROUTE_USER: value,
})
}
return (
<React.Fragment>
<div>
...
</div>
</React.Fragment>
);
class MyComponent extend React.Component {
...
onClick = (task, value) => () => {
closeMenuPerTeam({
ID: task.ID,
ROUTE_USER: value,
})
}
...
render() {
...
}
}
В приведённом коде консоль срабатывает сразу после загрузки страницы, ещё до клика по элементу. Конечно, в этот момент значение ещё 0