与使用公用文件夹中的样式的 React Router 相关的主要问题是,很难跟踪样式并确保它们被正确应用。 由于 public 文件夹不是 React 组件树的一部分,因此很难知道何时应用了哪些样式。 此外,如果多个组件使用公用文件夹中的相同样式,则可能很难调试出现的任何问题。
反应路由器
已解决:使用静态样式反应路由器
在 React Router 中使用静态样式的主要问题是很难跟踪不同的路由及其关联的样式。 使用静态样式时,每个路由都需要有自己的一组 CSS 规则,这很快就会变得笨拙且难以维护。 此外,如果在多个路由中使用一种样式,则需要在所有路由中复制它,这使得代码很难保持 DRY(不要重复自己)。
已解决:react router Link 确实有效
与 React Router Link 相关的主要问题是它在单击时无法正确更新浏览器的历史记录。 这意味着如果用户点击一个链接然后按下后退按钮,他们将被带回到上一页而不是他们刚刚导航离开的页面。 此外,这在某些情况下可能会导致意外行为,例如在使用查询字符串或哈希片段时。
已解决:使用 History React Router v6 应用程序
使用 History React Router v6 的主要问题是它不支持基于哈希的路由。 这意味着所有 URL 都必须是绝对路径,这会使管理和维护应用程序变得困难。 此外,没有对动态路由的内置支持,这在创建具有多个页面的复杂应用程序时可能是个问题。 最后,History React Router v6 不提供对服务器端渲染的任何支持,这在某些情况下可能是必需的。
已解决:react router next page top
与 React Router 的下一页顶部相关的主要问题是,在页面之间导航时,它可能会导致意外行为。 当导航到一个新页面时,浏览器将滚动回到页面顶部,这对于希望停留在同一页面或进一步向下滚动的用户来说可能会很不协调。 此外,习惯于更传统的 Web 导航模式的用户可能不会期望此行为。
已解决:activeClassName 反应路由器
React Router 中与 activeClassName 相关的主要问题是它不会在路由发生变化时自动更新活动类。 这意味着开发人员必须在路由更改时手动更新活动类,这既耗时又容易出错。 此外,如果多个路由相互嵌套,则很难跟踪当前处于活动状态的路由以及应将哪些类应用到每个元素。
已解决:反应路由器 404 重定向
与 React Router 404 重定向相关的主要问题是它可能难以实现。 由于 React Router 没有内置的 404 页面,开发人员必须手动为 404 页面创建路由,然后配置路由器以重定向任何与现有路由不匹配的请求。 这需要额外的代码和配置,如果出现问题,这可能非常耗时且难以调试。 此外,如果用户直接导航到不存在的 URL,他们仍然会看到错误页面,而不是被重定向到 404 页面。
已解决:react router add fallback to catch all
与 React Router 和添加回退以捕获所有相关的主要问题是很难正确配置回退路由。 回退路由需要配置为捕获所有请求,包括那些不是有效路由的请求。 如果配置不正确,则对无效路由的请求将不会被回退路由捕获,并可能导致错误或意外行为。 此外,如果应用程序包含动态路由(例如,基于用户输入),则在配置回退路由时需要考虑这些,以便它们也被它捕获。
解决:下载react router dom
与下载 React Router DOM 相关的主要问题是它可能难以配置和设置。 React Router DOM 需要大量配置和设置,对于刚接触该库的开发人员来说,这可能既耗时又复杂。 此外,React Router DOM 在不断发展,因此开发人员必须保持最新版本,以确保与他们的应用程序兼容。