腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
(
React
)
useParams
从
列表
中
获取
id
并
显示
、
使用
从
页面
获取
值的
useParams
,我获得了
id
,但我试图
显示
具有该特定
id
的商店数组 const shopContext = useContext(ShopContext);const {
id
} =
useParams
(); <ShopBannerkey={sho.
id
}
浏览 4
提问于2020-09-05
得票数 0
1
回答
单击自定义
react
组件时打开新页
、
、
、
因此,主要功能是有一个项目
列表
,这些项目必须
从
JSON文件
中
获取
(很明显,我不应该使用DB)。因此,在主页上,我们有一个项目
列表
,我们应该能够点击其中的任何一个,当点击时,一个新的页面应该打开。新页面将
显示
项目的附加信息--项目中的任务及其状态。 我想我应该用路由来做这件事,但是我对
React
有基本的理解,尽管我觉得它很有趣。那么我应该如何处理这个问题,是否应该将我的项目组件封装在一个链接
中
呢?另外,当我打开新页面时,如何呈现相同的组件,但附加信息呢?
浏览 15
提问于2022-01-21
得票数 0
1
回答
在使用路由器的
react
中
,有没有办法根据数组中点击的项来呈现值呢?
、
、
、
、
我的List comp只需单击Home comp
中
的一个按钮,即可从json文件
中
呈现板球运动员的
列表
。当我点击按钮时,我可以看到板球运动员的名字
列表
,但无法在点击
列表
结果时获得detailList comp。我的家庭薪酬 import { Link } from '
react
-router-dom' function Home&l
浏览 1
提问于2020-05-23
得票数 0
9
回答
react
-router-dom
useParams
()在类组件内部
、
我正在尝试加载一个基于
react
-router-dom路由的详细视图,该路由将
获取
URL参数(
id
),
并
使用该参数进一步填充组件。我的路由看起来像/task/:
id
,并且组件加载正常,直到我尝试像这样
从
URL
中
获取
:
id
:import {
useParams
} from "<
浏览 3
提问于2019-10-25
得票数 59
1
回答
redux-工具箱:在哪里分派一个操作?
、
、
、
我正试图使用
react
和redux工具包构建一个特斯拉克隆网站,我有三个不同的组件组件:(Header,Home,Details),每当我
从
导航
中
单击一个模型时,我想切换Details组件,
并
显示
来自我的data.js文件
中
的具体汽车数据,但我无法分派操作,如何实现呢?} className="nav-link"> <Link to={`/details/${link.
id
}`}>{l
浏览 1
提问于2021-07-03
得票数 1
回答已采纳
1
回答
如何通过
id
检索项数据
并
使用钩子将其传递给
React
16
中
的另一个组件
、
<RiEdit2FillIcon /> </div> )这将转到带有tasks.map()的父组件,然后转到将呈现任务
列表
的主组件但是在这个组件
中
,我想点击Edit图标,打开一个已经像这个<Route path='/edit/:
id
' component={EditTask}/>那样路由的编辑屏幕,EditTask组件就
浏览 2
提问于2021-09-02
得票数 0
回答已采纳
2
回答
使用
react
中
的Link将参数传递给另一个组件
、
、
、
我知道如果我需要调用另一个component,那么我们需要像<A x={y}/>那样传递,我们可以在A
中
访问props.x。但是这里我需要调用EditCertificate,所以我需要将
id
传递给EditCertificate。但我在这里使用的是Link。我无法通过
id
考试。<Link to={`/${props.certificate.
id
}/edit` } >Edit</Link> 我把这一页叫做下面。<Route path =&quo
浏览 4
提问于2021-12-03
得票数 0
回答已采纳
8
回答
从
react
.js
中
的url
获取
id
、
我只想在
REACT
.JS
中
请求
从
API
中
获取
数据,但是每个API都需要(
id
),我想在浏览器
中
从
URL
获取
这个
id
,我怎么做呢?isLoaded: true, })我用Laravel制作了API,上面的代码做得很好,但正如我说的,我想在浏览器
中
从
url
获取
id
,而不仅仅是像
浏览 0
提问于2019-08-10
得票数 17
回答已采纳
2
回答
如何向URL添加页码
、
、
组件如下: /** NPM Packages */import { connect } from "
react
-redux";//import styles from ".await this.fetchCategori
浏览 35
提问于2020-01-30
得票数 0
回答已采纳
3
回答
反应路由器:无效的钩子调用。只能在函数组件的主体内调用钩子。
、
在尝试
获取
Box.js
中
的url参数时,我会得到以下错误:无效钩子调用。钩子只能在函数组件的主体内调用。,这是代码:import
React
from '
react
' let params =
useParams
(); <div>
浏览 12
提问于2021-12-29
得票数 0
1
回答
如何使用条件运算符
从
redux
中
获取
唯一项?
、
、
我试图只
从
redux存储
中
获取
唯一的数据,但从redux存储
中
获取
所有的值。我使用usePerma钩子检查
id
从
URL和
id
的redux数据,然后应用三元操作符,但没有得到想要的输出。请查看输出图像和代码,并说明如何从中只
获取
一个值。 import
React
from '
rea
浏览 5
提问于2021-11-21
得票数 1
回答已采纳
7
回答
使用jest模拟
react
-router-dom挂钩不起作用
、
、
、
、
我正在使用酶的浅层方法来测试一个组件,该组件使用
useParams
钩子
从
URL参数
中
获取
ID
。import
React
from '
react
'; export default () =>{
浏览 68
提问于2019-11-16
得票数 19
1
回答
一种用于网页
React
动态路由
、
、
我希望能够创建一个页面,根据产品的变化,这样它就可以
显示
任何用户想要的内容和细节。我遇到的唯一一件事就是我需要这样做: <Route path="/product/:
id
" exact component={Page} />
浏览 8
提问于2021-08-18
得票数 0
3
回答
路线反应
中
如何通过
id
、
当我想按
ID
查看产品
列表
时,我想构建一个页面。在我的应用程序文件
中
,我有这样的内容:但是我想用来自所选产品的值替换静态
id
。在我的产品文件
中
,我可以用产品重定向到页面,但是我不知道如何传递
ID
。 onClick={() => { navigate(`/products/${product?.
浏览 7
提问于2022-04-25
得票数 2
回答已采纳
1
回答
如何将道具传递给组件(动态路由)
、
我
从
JSON获得数组并将其放到Redux
中
。示例JSON: "product": [ "
id
": 1, "price": "0.20", "category"
浏览 9
提问于2022-07-25
得票数 1
回答已采纳
2
回答
如何发送动态道具
、
、
、
<Route exact path="/product/:
id
" element={<ProductPage />} prod_
id
={this.
id
}/> 这里我有一条路线,我的内涵是在我的组件
中
得到路径的
id
,这样我就可以启动函数
并
获得产品的细节,显然prod_
id
={this.
id
}不是为我工作,也不是为了工作,这是我的意图,只是为了
显示
我的想法
浏览 6
提问于2022-02-21
得票数 1
回答已采纳
1
回答
如何引用反应性路由器
中
的路径参数?
、
<Route path="users"></Route> 以上就是我所要做的。
浏览 3
提问于2022-07-07
得票数 1
回答已采纳
1
回答
如何在当前页面
中
单击组件时在新页面上填充组件
、
我正在
React
中
构建一个前端项目,在其中,我希望能够单击主页上的缩略图组件,该组件将重定向到另一个页面,该页面根据我单击的缩略图组件的信息呈现组件。作为参考,这是一个允许用户
从
外部API搜索食谱的项目。他们将点击的缩略图组件将是一个食谱的图像和标题。总而言之,以下是我想要做的事情:当我单击主页
中
的食谱时,我希望被重定向到一个页面,其中
显示
了我所单击的食谱的信息。谢谢,如果您需要更多信息,请随时让我知道。
浏览 0
提问于2021-10-13
得票数 0
1
回答
TypeError:无法读取
React
组件
中
post对象的属性“”title“”
我正在开发一个迷你的
React
应用程序,遇到了一个问题。为了给你一些背景知识,我正在使用jsonplaceholder.typicode/com/posts来
获取
一些帖子并将它们
显示
在主页上。当我点击一个单独的帖子时,我的想法是它应该把我带到另一个页面,
并
显示
被点击的帖子的标题和正文。当我单击一个帖子时,可以
从
帖子数组
中
获取
相应的单个帖子(postFound)。但是,当我试图访问JSX
中
的postFound对象的t
浏览 19
提问于2020-10-18
得票数 0
2
回答
Pokeapi pokemonDetails.map不是一个函数&固定的[模块的“反应-路由器-多姆”没有导出成员'RouteComponentProps‘]
、
、
、
、
我正在使用
React
和TypeScript与Pokeapi合作。在
获取
数据以
显示
所有口袋妖怪的同时,一切都很好。但是当点击一个特定的口袋妖怪来
显示
他们的细节时,我会得到两个错误。 cons
浏览 7
提问于2021-12-07
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
react router怎样使用Uselocation
如何在Chrome和Edge浏览器中安装PWA并获取跳转列表
从有年月日的 Excel 列表中,提取某年某月的所有数值并求和
使用 React Native 创建人脸识别 App
如何使用GraphQL构建TypeScript+React应用
热门
标签
更多标签
云服务器
ICP备案
腾讯会议
云直播
对象存储
活动推荐
运营活动
广告
关闭
领券