javascript js useRouter()如何处理Map变量？

shyt4zoc 于 2022-12-28 发布在 Java

关注(0)|答案(1)|浏览(139)

const router = useRouter();
  return (
    <>
      {Usercategory.map((user,index)=>{
        return <div className='user-li' key={index} onClick={()=>{router.push(user.link)}}>
                <li> 
                  {user.icon}
                </li>
                <li>
                  <span>{user.name}</span>
                  <span>{user.entry}</span>
                </li>
               </div>
      })}
    </>
  )
}

在上面，
onClick={（）=〉{路由器.推送（用户.链接）}
不能工作？
我该怎么吃？谢谢

JavaScript

来源：https://stackoverflow.com/questions/74926002/how-next-js-userouter-handle-the-mapping-variable

1条答案

按热度按时间

carvr3hs1#

用Link Package div元素，如下所示：

{Usercategory.map((user,index)=>{
        return <Link href={user.link}><div className='user-li' key={index} >
                <li> 
                  {user.icon}
                </li>
                <li>
                  <span>{user.name}</span>
                  <span>{user.entry}</span>
                </li>
               </div>
          </Link>
      })}

另外，与你的问题分开，使用index作为键是错误的，如果你使用user.link或user.name作为键会更好，因为如果你不声明键，react/next会自动使用index作为键。

赞(0）回复(0）举报 2022-12-28

我来回答

javascript js useRouter()如何处理Map变量？

1条答案

相关问题

热门标签

最新问答