next.js 下一个js ssr最佳实践中的标签

xlpyo6sf 于 2023-05-06 发布在其他

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

所以考虑到我有一些标签如下在ssr的html是这样的：

<ul class="tab-heading">
  <li>
    tab1
  </li>
  <li>
    tab2
  </li>
</ul>
<ul class="tab-content">
  <li>
    <Content1/>
  </li>
  <li>
    <Content2/>
  </li>
</ul>

正如你所看到的，它可以是一个简单的标签逻辑的结构，我想要的是，在下一个组件不呈现content2，直到我点击“tab2”，但对于搜索引擎优化，当从服务器获取HTML响应时，我们必须能够看到，我们如何在下一个js ssr页面处理它？（我还考虑了虚拟化，以便为具有大量行的表提供HTML响应，但直到滚动才加载行，但回答这个问题可能会有所帮助）

next.js

来源：https://stackoverflow.com/questions/76137737/tabs-in-next-js-ssr-best-practice