react-router-dom 相关问题

使用此标记可以了解有关DOM使用和React Router v4绑定的问题。

react-router 6.0 - useLoaderData 返回一个承诺。无法显示数据

https://github.com/erAnusriM/react_router_Trial 上面是我的github仓库。如何实现在 App.jsx 文件中打印从 API 返回的用户列表当我打印结果的值时...

javascript reactjs react-router react-router-dom

回答 1 投票 0

无法从模块“react-router”加载文件“./dom” - React router dom

我已经安装了最新的react router dom，并在package.js中显示“react-router-dom”：“^ 7.0.2”。当我检查npm -v react-router-dom时，它显示10.9.0。在我的代码中

reactjs react-router react-router-dom

回答 1 投票 0

如果两个路径使用相同的元素，React 路由器不会重新加载组件

我设置了以下两条路径 } /> } /> 在

reactjs react-router react-router-dom

回答 5 投票 0

useBlocker可以用在第一页吗？

我在 SPA 的第一页上有一个表单，它使用 React router v6，在特定情况下应该阻止后退导航。为了简化这一点，我们可以说它必须始终阻止后退导航...

react-router react-router-dom

回答 1 投票 0

链接包装器阻止 onerror 和 onload 事件反应

问题有简单的代码示例从“react-router-dom”导入链接；常量图像 = () => ( 问题有简单的代码示例 import Link from 'react-router-dom'; const Image = () => ( <img src="https://link-with-404-error" alt="Placeholder" onLoad={() => console.log('load')} onError={() => console.log('show error')} /> ) const MainComponent = () => ( <Link to="some-link-to"> <Image /> </Link> ) 我遇到了一些魔法，我不明白，当我有一个图像组件的链接包装器时，onError 和 onLoad 事件不会触发，但是当我删除链接包装器时 const MainComponent = () => ( <Image />) 一切正常，我看到控制台日志结果。我尝试这样使用 onError={(e) => { e.stopPropagation() console.log('show error') }} 但这对我没有帮助您导入链接不正确。而不是像这样导入默认导入： import Link from 'react-router-dom'; 您应该仅导入链接： import {Link} from 'react-router-dom'; 也许应用程序中的所有代码都停止工作，并且您看不到图像控制台日志。我创建了沙箱示例，显示正确导入的链接不会阻止图像日志的出现：沙盒示例

javascript reactjs react-router-dom

回答 1 投票 0

类型上不存在属性“exact”

我正在尝试在我的react应用程序中使用react-router-dom，而且我正在使用typescript而不是javascript。这里的问题是我无法将 Route 导入到我的组件中并使其工作。我也...

reactjs typescript react-router react-router-dom

回答 7 投票 0

没有路线匹配位置“/”

我试图点击路由“/”来渲染 Home 组件。该组件正在渲染，但在控制台上我得到： react_devtools_backend.js:3973 没有路线匹配位置“...

reactjs react-router react-router-dom

回答 3 投票 0

如何使用yarn和react-dom-router构建真正的“文件夹无关”react应用程序？

我需要构建一个小型反应应用程序（我使用yarn和react-dom-router）才能真正实现“文件夹无关”。这意味着我不知道该应用程序所在的网络服务器文件夹...