React-更新数组中嵌套对象的状态

如何解决React-更新数组中嵌套对象的状态

我有一个像这样的数据结构：

selectionMenuData = [
{ id: 'overview',title: 'Overview',icon: 'user-check',selected: false },{
  id: 'about',title: 'About',icon: 'info-circle',selected: false,children: [
    { id: 'profile',title: 'Profile',{ id: 'communicationStyle',title: 'Communication Style',{ id: 'decisionMaking',title: 'Decision Making',{ id: 'strengths',title: 'Strengths',selected: false }
  ]
},{
  id: 'development',title: 'Development',icon: 'seedling',children: [
    { id: 'howToManage',title: 'How To Manage',{ id: 'howToOnboard',title: 'How To Onboard',{ id: 'leadershipStyle',title: 'leadership Style',{ id: 'interviewGuide',title: 'Interview Guide',icon: 'comments',selected: false }

];

我想更新一个子对象，即{id：'profile'，title：'Profile'，selected：false}，并将selected属性设置为true。

我正在使用useState并将此数据存储在此处，因此要进行更新，我会得到类似的信息：

const [menuState,setMenuState] = useState(selectionMenuData);

setMenuState({
    ...menuState,...menuState[item],selected: true
  })

我该如何正确设置？

谢谢