问题标签 [react-link]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
851 浏览

reactjs - 是否可以在 React Link 中通过匹配传递道具

我以两种不同的方式将道具传递给同一个组件。

一次通过路线路径:-

另一个链接为:

在我的 ProfileForm 中,我尝试将道具阅读为:-

else if(props.location.props.title)当它来自路由器时给出错误。这是意料之中的,因为我通过 Link 设置了道具。我注意到props.match.params.title无论是否设置都不会给出任何错误。所以我希望通过比赛从 Link 传递道具,以便 Route 和 Link 都能正常工作。是否可以通过比赛传递道具?或者我该如何解决这个问题?

0 投票
1 回答
857 浏览

reactjs - 动态传递参数到 react-router-dom 链接

我正在开发一个 React 项目,在其中一个组件中,我通过 react-router-dom 链接将属性传递给另一个组件,如下所示:

我的问题是专门关于“状态”属性的。如您所见,我传递了几个状态参数(id、name、department 和gender)。由于 Link 组件位于 render 方法内部,因此需要在 render 方法的某处定义 updateEmpInfo 变量。我正在尝试从用户那里获取输入,并在组件渲染后根据他们的输入设置所有 updateEmpInfo 属性的值。所有这些都将传递给 Link 的 state 属性。我试图在 getEmpInfo 函数中这样做。但是,无论输入如何,state 属性都会保留在渲染期间设置的所有初始值。单击链接后,是否可以根据用户输入更改 updateEmpInfo 属性?我的问题很清楚。我很乐意提供任何其他信息。先感谢您!

0 投票
1 回答
536 浏览

reactjs - 关闭对话框时更改页面地址(材质 ui,react-router)

我正在使用 Material UI Dialog 和 react-router 创建登录选项。在登录对话框中有一个注册链接,应该将用户重定向到注册页面并同时关闭对话框。

注册链接的代码如下所示:

现在,当单击注册链接时,对话框会关闭而不更改页面地址。如果删除了 onClick 命令,页面地址会更改,但对话框不会关闭。有没有办法同时关闭对话框和重定向页面?谢谢

0 投票
3 回答
30 浏览

reactjs - 路由器链接没有加载组件

只有主页和仪表板正在工作,其他两个没有显示任何内容

我的进口是

当我单击主页时,它会回到主页,当我单击仪表板时,它会转到仪表板,但是当我单击登录或注册时,什么也没有发生。我看到 url 更改为 /signin 和 /singup 但没有显示任何内容。我使用登录和登录的虚拟组件进行了测试,仍然相同,它无法加载虚拟组件

0 投票
1 回答
132 浏览

reactjs - 在 React 中将链接放入 StyledMenuItem

我想放Link,这样我就可以导航到其他页面做出反应。为什么这不是导航

代码

0 投票
1 回答
90 浏览

javascript - 如何在不刷新网页的情况下隐藏/取消隐藏 React 链接?

我在 Header 中创建了 4 个链接。主页、待办事项、登录、注销。这是我想要的东西

  1. Home、Todos 和 Logout 链接仅在用户登录时可用。

我已经使用 sessionStorage 来检查用户是否登录并且它工作正常。问题是登录后我需要刷新网页以取消隐藏主页、待办事项和注销。如何在不刷新网页的情况下取消隐藏它们。意味着在我登录后我仍然需要刷新我的页面,我不喜欢那样。这是我的代码示例

页眉.js

登录成功

0 投票
1 回答
184 浏览

javascript - React - 刷新后如何保留页面网址?

在我的反应应用程序中,我已根据单击的页面名称将相应的页面名称存储在本地存储中,即对于一条路线说,每当我单击 Products 页面时,http://localhost:3000/Products已将名称Products存储在本地存储中。

我希望每当我刷新页面时/,我的页面不会被重定向到主页,而是通过确认我的本地存储中的值保留在我所在的页面上。

我的方法行不通。

从上面的代码中,我希望页面引导我,http://localhost:3000/Products因为localStorage.getItem("selectedItem")的值是Products

0 投票
2 回答
1020 浏览

reactjs - NextJS 中路由器和链接的典型区别

我是 NextJS 的新手。我想知道下一个/路由器和下一个/链接之间的典型变化和用例。

我应该在各种场景中使用哪一个?哪个做什么?例如,如果我想加载共享组件或在服务器端呈现的页面之间导航。另外,如果我使用普通的“a”标签调用页面或使用链接/路由器来实现相同的目的,那么有什么区别。

0 投票
2 回答
3520 浏览

reactjs - 如何在 React 中链接两个单独的页面?

我在名为 components 的文件夹中有两个页面注册和登录,我正在尝试使用<Link>. 但它给出了一些错误。

组件/ SignUp.js

组件/ SignIn.js

错误:

0 投票
1 回答
352 浏览

reactjs - header.component.tsx(14, 15):未提供“e”的参数

在我的 reactjs 组件中,我收到一个错误:

header.component.tsx(14, 15): An argument for 'e' was not provided.

实际上我应该发送什么参数?

这是组件:

实际上我试图在更改toggle时调用该函数route。请指教。做一些改变我的功能。但是“to”没有加载任何页面。 提前致谢。