NextJS:动态router.pathname不显示路径，但显示文件名-如何在路径中获取单词？

NextJS是一个React框架，用于构建快速、可扩展的前端应用程序。它提供了动态路由功能，使开发者可以根据路径参数来渲染不同的页面。在使用动态路由时，有时候会遇到router.pathname不显示完整路径，而只显示文件名的问题。

要在路径中获取单词，可以使用NextJS提供的router.query对象来获取动态路由的参数。router.query包含了所有动态路由中定义的参数，并以键值对的形式存储。

以下是一个示例代码，演示如何在路径中获取单词：

import { useRouter } from 'next/router';

const MyComponent = () => {
  const router = useRouter();
  const { word } = router.query; // 获取动态路由参数

  return (
    <div>
      当前单词是：{word}
    </div>
  );
};

export default MyComponent;

上述代码中，通过router.query获取到了名为word的动态路由参数。然后可以在组件中使用该参数来展示或处理相关逻辑。

NextJS的优势在于其支持服务器端渲染(SSR)和静态站点生成(SSG)，提供了更好的性能和SEO优化。它还提供了一系列的插件和工具，使开发过程更加高效和便捷。

对于NextJS的应用场景，它非常适合构建中大型和大型的React应用程序，尤其是需要SEO友好的应用程序。它还可以用于构建电子商务网站、博客平台、社交媒体应用、企业级应用等。

腾讯云提供了与NextJS兼容的产品和服务，如云服务器、云存储、CDN加速等。你可以通过以下链接了解更多关于腾讯云的产品和服务：

• 腾讯云服务器：提供高性能、可靠的云服务器实例，可满足各种计算需求。
• 腾讯云对象存储：提供安全可靠、高扩展性的云端存储服务，适用于存储和处理各种类型的数据。
• 腾讯云内容分发网络：通过分布式节点和缓存技术，加速网站访问速度，提高用户体验。

希望以上信息能对你有所帮助。如果有任何进一步的问题，请随时提问。