问题标签 [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.
reactjs - 是否可以在 React Link 中通过匹配传递道具
我以两种不同的方式将道具传递给同一个组件。
一次通过路线路径:-
另一个链接为:
在我的 ProfileForm 中,我尝试将道具阅读为:-
else if(props.location.props.title)
当它来自路由器时给出错误。这是意料之中的,因为我通过 Link 设置了道具。我注意到props.match.params.title
无论是否设置都不会给出任何错误。所以我希望通过比赛从 Link 传递道具,以便 Route 和 Link 都能正常工作。是否可以通过比赛传递道具?或者我该如何解决这个问题?
reactjs - 动态传递参数到 react-router-dom 链接
我正在开发一个 React 项目,在其中一个组件中,我通过 react-router-dom 链接将属性传递给另一个组件,如下所示:
我的问题是专门关于“状态”属性的。如您所见,我传递了几个状态参数(id、name、department 和gender)。由于 Link 组件位于 render 方法内部,因此需要在 render 方法的某处定义 updateEmpInfo 变量。我正在尝试从用户那里获取输入,并在组件渲染后根据他们的输入设置所有 updateEmpInfo 属性的值。所有这些都将传递给 Link 的 state 属性。我试图在 getEmpInfo 函数中这样做。但是,无论输入如何,state 属性都会保留在渲染期间设置的所有初始值。单击链接后,是否可以根据用户输入更改 updateEmpInfo 属性?我的问题很清楚。我很乐意提供任何其他信息。先感谢您!
reactjs - 关闭对话框时更改页面地址(材质 ui,react-router)
我正在使用 Material UI Dialog 和 react-router 创建登录选项。在登录对话框中有一个注册链接,应该将用户重定向到注册页面并同时关闭对话框。
注册链接的代码如下所示:
现在,当单击注册链接时,对话框会关闭而不更改页面地址。如果删除了 onClick 命令,页面地址会更改,但对话框不会关闭。有没有办法同时关闭对话框和重定向页面?谢谢
reactjs - 路由器链接没有加载组件
只有主页和仪表板正在工作,其他两个没有显示任何内容
我的进口是
当我单击主页时,它会回到主页,当我单击仪表板时,它会转到仪表板,但是当我单击登录或注册时,什么也没有发生。我看到 url 更改为 /signin 和 /singup 但没有显示任何内容。我使用登录和登录的虚拟组件进行了测试,仍然相同,它无法加载虚拟组件
reactjs - 在 React 中将链接放入 StyledMenuItem
我想放Link
,这样我就可以导航到其他页面做出反应。为什么这不是导航
代码
javascript - 如何在不刷新网页的情况下隐藏/取消隐藏 React 链接?
我在 Header 中创建了 4 个链接。主页、待办事项、登录、注销。这是我想要的东西
- Home、Todos 和 Logout 链接仅在用户登录时可用。
我已经使用 sessionStorage 来检查用户是否登录并且它工作正常。问题是登录后我需要刷新网页以取消隐藏主页、待办事项和注销。如何在不刷新网页的情况下取消隐藏它们。意味着在我登录后我仍然需要刷新我的页面,我不喜欢那样。这是我的代码示例
页眉.js
登录成功
javascript - React - 刷新后如何保留页面网址?
在我的反应应用程序中,我已根据单击的页面名称将相应的页面名称存储在本地存储中,即对于一条路线说,每当我单击 Products 页面时,我http://localhost:3000/Products
已将名称Products存储在本地存储中。
我希望每当我刷新页面时/
,我的页面不会被重定向到主页,而是通过确认我的本地存储中的值保留在我所在的页面上。
我的方法行不通。
从上面的代码中,我希望页面引导我,http://localhost:3000/Products
因为localStorage.getItem("selectedItem")的值是Products
reactjs - NextJS 中路由器和链接的典型区别
我是 NextJS 的新手。我想知道下一个/路由器和下一个/链接之间的典型变化和用例。
我应该在各种场景中使用哪一个?哪个做什么?例如,如果我想加载共享组件或在服务器端呈现的页面之间导航。另外,如果我使用普通的“a”标签调用页面或使用链接/路由器来实现相同的目的,那么有什么区别。
reactjs - 如何在 React 中链接两个单独的页面?
我在名为 components 的文件夹中有两个页面注册和登录,我正在尝试使用<Link>
. 但它给出了一些错误。
组件/ SignUp.js
组件/ SignIn.js
错误:
reactjs - header.component.tsx(14, 15):未提供“e”的参数
在我的 reactjs 组件中,我收到一个错误:
header.component.tsx(14, 15): An argument for 'e' was not provided.
实际上我应该发送什么参数?
这是组件:
实际上我试图在更改toggle
时调用该函数route
。请指教。做一些改变我的功能。但是“to”没有加载任何页面。
提前致谢。