我試圖使用從 json 中提取的數(shù)據(jù)動(dòng)態(tài)創(chuàng)建一組菜單項(xiàng)。我目前正在嘗試通過(guò)使用道具映射值來(lái)做到這一點(diǎn)，但我在某處失敗了。這是我用來(lái)嘗試執(zhí)行此操作的代碼：Const Generate = () => {  {data.items.map(({id, url, title}) => (     <MenuItem key={id}>       <Link to={url}> {title} </Link>      </MenuItem>))console.log('lol')}}這是試圖利用它的組件。注釋掉的是它在硬編碼時(shí)看起來(lái)和工作得很好。const Navigation = ({}) => (  <React.Fragment>    <Layout>    <Sider      breakpoint="xs"      collapsedWidth="0"      onBreakpoint={broken => {      }}      onCollapse={(collapsed, type) => {      }}    >      <div className="logo">          <h1 style={{ color: 'white', paddingLeft: 20, paddingTop: 26}}>              {Generate}          </h1>      </div>      <Menu theme="dark" mode="inline" defaultSelectedKeys={['1']}>        {Generate()}        {/* <Menu.Item key="1">        <Link to="/" > Hjem </Link>        </Menu.Item>        <Menu.Item key="2">        <Link to="/skjema"> Mine Skjema </Link>        </Menu.Item>        <Menu.Item key="3">        <Link to="/pasient"> Mine Pasienter </Link>        </Menu.Item>        <Menu.Item key="4">            S?k        </Menu.Item>        <Menu.Item key="5">            Filtrer        </Menu.Item>   */}      </Menu>    </Sider>    <Layout>      <Header className="site-layout-sub-header-background" style={{ padding: 0 }} />      <Content style={{ margin: '24px 16px 0' }}>        <div className="content">          <Switch>            <Route  exact path={"/"} component={Dashboard} />            <Route  exact path="/Skjema" component={MineSkjema} />            <Route  exact path="/Pasient" component={MinePasienter} />          </Switch>        </div>      </Content>      <Footer />    </Layout>  </Layout>  </React.Fragment>)export default withRouter(Navigation);作為參考，這里是json結(jié)構(gòu)：const data =  {  "items": [    {      "id": 1,      "url": "/",      "title": "Hjem"    },我在哪里犯錯(cuò)？