如何将尾风CSS用于Navbar和循环中显示的项目

发布于 2025-02-10 08:39:49 字数 240 浏览 2 评论 0原文

<div >
{categories?.data && 
categories.data.map((category) => (
<div key={category.id} onClick={ () => handleClick(category.id)} >
{category.name}
</div>

这是我的代码，需要在Navbar中查看类别

原文

<div >
{categories?.data && 
categories.data.map((category) => (
<div key={category.id} onClick={ () => handleClick(category.id)} >
{category.name}
</div>

this is my code and needs to look category in the navbar

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

深爱成瘾 2025-02-17 08:39:50

简单地，您将标签的标签切换为标签，以及Navbar上的尾风类的工作。从

此外，您需要返回要显示的JSX。请参阅下面的样本。

 <nav class="flex justify-center space-x-4">
      {categories?.data && 
      categories.data.map((category) => (return(
      <div key={category.id} onClick={ () => handleClick(category.id)} >
      {category.name})
 </nav>

Simple you switch out the tag for a tag, and the work with the tailwind classes on the navbar. Sample from the docs below.

Furthermore you need to return the jsx you want to display. See the sample below.

 <nav class="flex justify-center space-x-4">
      {categories?.data && 
      categories.data.map((category) => (return(
      <div key={category.id} onClick={ () => handleClick(category.id)} >
      {category.name})
 </nav>

回复收藏 0 原文

污味仙女 2025-02-17 08:39:50

<div>
{
  categories?.data && categories.data.map((category) => (
    <div key={category.id} onClick={ () => handleClick(category.id)} >
       {category.name}
    </div>
}
</div>

这应该起作用！

<div>
{
  categories?.data && categories.data.map((category) => (
    <div key={category.id} onClick={ () => handleClick(category.id)} >
       {category.name}
    </div>
}
</div>

This should work!

回复收藏 0 原文

~没有更多了~