问题标签 [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 投票
3 回答
178 浏览

reactjs - 如何让 React Router 识别动态路径上的新路由

所以我有一个导航栏组件,如果我从“/sites/1”到“/categories/1”或任何带有“/sites”到“/categories”甚至“/sites/1”的东西,我创建的链接工作正常到“/sites”,但当我在一个类别显示页面上时不起作用,即“/categories/1”或“/categories/3”并尝试使用路径“/categories/5”转到另一个类别显示页面例如。我认为问题与确切路径是动态的事实有关,并且路由器将两条路径视为同一件事,直到硬重新加载。下面是我的代码。有什么方法可以使用 Link 并让该组件重新渲染,还是每次都必须使用锚标记并重新加载?

0 投票
1 回答
33 浏览

reactjs - 我在 React JS 中的 Router 元素有什么问题?

我的导航栏图标没有显示,控制台在 App.js 中宣布错误为:“第 9 行:'Router' is not defined react/jsx-no-undefct/jsx-no-undef ”。我不知道我的代码有什么问题。任何人都可以帮助我吗?非常感谢!

这是我的 App.js:

这是我的 Navbar.js:

0 投票
1 回答
16 浏览

reactjs - React 路由器 dom LINK 连接

我正在尝试在某些类别之间创建导航,同时更改点击链接我需要得到localhost/blog/category/:category1它它适用于选择的第一个类别但是当我再次点击时我得到这个localhost/blog/category/blog/category/:category2

我正在使用 LINK 进行重定向

谢谢你

0 投票
1 回答
19 浏览

reactjs - React 在 localhost url 之后打开网站链接,而不是 https://websitelink

我从数据库中获取雇主网址,当我单击网址文本时,它打开为 localhost:3000/webadresslink,如何将其更改为 https://webaddresslink

0 投票
1 回答
29 浏览

reactjs - 如何更改 React Router Link 组件中的状态?

如何将 Link 组件的“ischecked”状态传递给下面的输入?我的目标是单击其他组件上的按钮,将输入框设置为 true。

0 投票
1 回答
41 浏览

reactjs - 如何使用 React 路由器根据路由名称动态渲染组件

我正在尝试使用 react 路由器执行动态页面路由,到目前为止还算幸运,但是现在我正在尝试根据下面的名为 {num} 的参数渲染正确的 Module 组件?我该怎么做呢??

应用程序.js

菜单.js

模块.js

0 投票
0 回答
29 浏览

reactjs - 反应路由器从另一个子组件更改链接组件中的复选框状态?

您好,我知道这是很多代码,我试图只包含必要的位。我第一次使用 React 路由器,并且我有一个带有输入复选框的链接组件。我只是想更改该复选框的真/假状态,但来自相应的模块组件。因此,在模块 1 中将单击完成,然后在 menu.js 模块 1 的复选框中选中,而不检查所有其他...我已经坚持了 2 天。也许我应该将输入移到 Link 组件之外?

APP.JS----------------

菜单.JS----------------

模板.JS----------------

模块 1, 2 ,3 看起来很相似--------

APPCONTEXT-----必须有更好的方法来做到这一点,但反应路由器会向它扔扳手???

0 投票
3 回答
573 浏览

javascript - 'Navlink' 未在反应 js 中定义

我正在使用反应路由器。请查看我的代码 index.js

主页.jsx

一切正常。但我想将链接添加到我的 home.jsx 并将这一行添加到 Home.jsx

它显示错误

当我使用锚标记时,它工作正常,但页面重新加载。我不想重新加载页面。

任何帮助将不胜感激。谢谢。

0 投票
0 回答
30 浏览

reactjs - React Router 不承认对链接路径名的更改

我有一个反应应用程序,需要链接到一个名为“CourseSelectionContainer”的组件,并传递一个“lessonId”参数。链接是在“CoursesSetupMenu”组件中设置的,我使用下面的链接格式。

路由器代码位于“CoursesSetupRouter”组件中,如下所示:

请注意,基于其他一些 Stackoverflow 问题,我已经尝试了上面显示的两种格式来路由到组件。渲染 Menu 和 router 的容器包含如下代码:

由于某种原因,该路径被维护为进入菜单之前的路径。我使用下面的控制台日志打印出这些值,以查看发生了哪些变化,哪些没有发生变化。

这表明,根据位置,路径名 =“/learners/publicCourses/Vocabulary/GradeLevel”,这是预期的。

不幸的是,路径和 URL 仍然指示,path = “/learners/publicCourses/Vocabulary”。URL 指向相同的位置。这是应用程序被路由到的地方。

根据对链接的选择,我预计路径和 URL 都会更改为 /learners/publicCourses/Vocabulary/GradeLevel 并路由到随附的组件。那没有发生。

我是否需要做其他事情来强制路由按预期发生,到 /learners/publicCourses/Vocabulary/GradeLevel ?我的逻辑或语法还有其他问题吗?

0 投票
1 回答
42 浏览

javascript - 如何分隔我的演员列表中的数组项?

我正在尝试将每部电影将在我的“类似 netflix”的应用程序中显示的演员列表(也将充当演员简历页面的链接)分开,每个演员之间用逗号后跟空格。我现在所拥有的告诉我“.join()”方法不是一个函数。我怎样才能解决这个问题?

谢谢!