使用useparams和array.find显示详细数据

文章/答案/技术大牛

发布

1回答

javascript、reactjs

我为用户输入提供了一个上下文应用程序接口，这样数据就可以跨组件全局使用(InputContext.js)。使用react路由器，用户能够查看所有博客条目的列表(AllBlogs.js)并查看每个条目的详细信息(BlogDetail.js)。我试图实现的是，允许用户从AllBlogs.js页面获得单个博客帖子组件的详细视图。所有博客都有一个" id“属性，该属性用于查询url，并使用array.find方法显示具有匹配id的博客的详细<

浏览 18提问于2021-08-28得票数 1

回答已采纳

3回答

在React中，我可以使用"useParams“来访问我的URL的RESTful组件吗？

reactjs、routes、restful-url

我使用的是React 16.13.0。在我的组件中，我可以像这样访问查询字符串参数(例如/url?coop_id=23 import { useParams } from "react-router-dom";const { coop_id } = useParams(); 但是，如何访问

浏览 35提问于2020-07-19得票数 1

回答已采纳

1回答

在React中，如何显示使用数据库中特定项数据的页面

reactjs、react-router

在我的数据库中，我有多个练习，并在主页中显示所有这些练习。我希望能够单击“查看练习”按钮来查看有关该练习本身的信息。={Exercise} exact/> </Switch> ); </div>} export default E

浏览 22提问于2021-01-11得票数 1

回答已采纳

1回答

无法使用useParams显示JSON数据

javascript、reactjs、react-router、frontend、parameter-passing

我已经将一些图书数据存储在JSON文件中，并且希望每当有人单击特定的图书封面时，动态显示书评( json文件中的“blog”)。然而，数据没有显示在用户界面上，控制台给了我Uncaught (in promise) SyntaxError: Unexpected token '<', "<!export default Book;import React, { useEffect, useState } from "react&quo

浏览 2提问于2022-10-22得票数 1

1回答

在我的ProductDetail页面上无法通过Id从火药库获取数据

javascript、reactjs、google-cloud-firestore

我为ProductDetail页面创建了一个动态路由(每个餐厅都有自己的详细信息，应该在这个页面上显示)。路由是有效的，但我没有得到任何数据，我无法找到正确的方式从每个餐厅的Id从消防站获得数据。更新：更新!！：ProductDetail.jsi

浏览 0提问于2021-08-09得票数 1

2回答

如何在useParams中使用上下文API

javascript、reactjs、react-context

我有一个包含农场细节的api，我想使用id在不同的组件中显示它们。与许多组件中使用的数据一样，我希望使用上下文API在组件中显示数据。下面是获取数据的代码const [farm, setFarm] = useState('');const { farmId } = usePar

浏览 8提问于2022-12-03得票数 1

1回答

在使用路由器的react中，有没有办法根据数组中点击的项来呈现值呢？

javascript、arrays、json、reactjs、react-router

List"><button>Show Cricketer List</button></Link> export default Home 我的板球运动员详细信息补偿

浏览 1提问于2020-05-23得票数 0

1回答

任何函数“不是函数”Reactjs获取

javascript、reactjs、fetch

我尝试通过Reactjs上的id获取数据库中的一个元素，后端使用javascript(节点+表达式+续写)，但我遇到了一些问题，而且在任何时候都做不到。以下是我尝试的一些例子：import { useParams, Link } from "react-router-dom"; co

浏览 1提问于2022-09-27得票数 0

回答已采纳

1回答

useParams能够在App.js内部使用吗？

reactjs、parameters、react-hooks、react-router-dom

详细信息localhost:3000/Project-1/todo-1<Route path='/:project/:todo' component={Todo} /> 当浏览器在示例路径中时，我期望的是App.js也可以使用useParams来get params对象，但显示为空。更多细节我确实使用了useLocation来返回类似于路径的内容，但这不是我的目标，应该是这样

浏览 0提问于2020-01-03得票数 0

1回答

redux-工具箱:在哪里分派一个操作？

reactjs、redux、react-redux、redux-toolkit

我正试图使用react和redux工具包构建一个特斯拉克隆网站，我有三个不同的组件组件：(Header，Home，Details)，每当我从导航中单击一个模型时，我想切换Details组件，并显示来自我的data.js文件中的具体汽车数据，但我无法分派操作，如何实现呢？</div> </div>}; 细节组件import

浏览 1提问于2021-07-03得票数 1

回答已采纳

3回答

React :当用户点击市场上的某个产品时，显示特定的产品数据

javascript、reactjs、api、react-router

我已经从api中获取了数据，并成功地在市场中显示了这些数据。现在，当用户单击一个产品时，它应该打开产品详细信息页面，并发送该产品的数据以填充详细信息页面。我想在点击某个产品时，将该产品的具体数据从Api传递到产品详情页面。<Link to="/listing-details-v1"><img src={ item.images[0]} alt="listing" /></

浏览 0提问于2021-02-18得票数 1

1回答

如何正确使用useParams显示数据

javascript、reactjs

我一直试图显示信息，抓取id，并显示他们的信息。但是，我似乎正在发送id，但它并没有将我重定向到页面详细信息。</Col> </Container> ) 这是产品详细信息页面import React from 'react'; import { useParams

浏览 2提问于2020-02-07得票数 1

9回答

react-router-dom useParams()在类组件内部

reactjs、react-router

我正在尝试加载一个基于react-router-dom路由的详细视图，该路由将获取URL参数(id)，并使用该参数进一步填充组件。我的路由看起来像/task/:id，并且组件加载正常，直到我尝试像这样从URL中获取:id：import { useParams } from "react-router-dom"; componentD

浏览 3提问于2019-10-25得票数 59

1回答

Employee.map不是一个函数

reactjs、axios

我有一个组件，它通过companyId useParams react钩子使用Axios请求获取数据。响应已经映射为在ListResults.js中显示，这些结果被用作EmpDetailsList.js中的支持来呈现数据。在我的数据结构中，我有一个包含多个对象的Array。HIJ公司有两个雇员详细信息对象，我想列出这些详细信息，特别是雇员：-Employee: Lesley Peden -Employee: Wa

浏览 0提问于2021-09-04得票数 0

回答已采纳

2回答

响应路由器-正确设置详细信息页的useParams

javascript、reactjs、routes、react-router

我有一个react，当它被初始化时，它会从Pokéapi获得数据，并将其设置为redux状态。 <PokemonOverview /></Router> 因此，如果我理解正确，如果单击其中一个精灵，<PokemonOverview />将呈现并显示该单击的口袋妖怪的数据Pokemon

浏览 5提问于2020-12-12得票数 0

回答已采纳

2回答

如何通过在React中动态调用来使用API中的单个组件？

javascript、reactjs、react-router

在这个enter link description here接口中，我首先显示250个国家/地区，然后创建一个details组件，在其中通过单击按钮或链接单独显示所有详细信息。但我遇到了一些问题。由于我对react和API略知一二，所以我不知道如何调用API以便在我的details组件中单独显示国家/地区的详细信息。这是我想要加载单个国家/地区详细信息的国家/地区详细信息组件 ?} from 're

浏览 44提问于2020-12-31得票数 1

1回答

在VUE中的数组中查找项时返回未定义的项。

javascript、arrays、vue.js

下面的代码可以在数组中找到条目的详细信息，效果很好。但是，当我尝试使用箭头函数在下更改演示并在JavaScript Demo: Array.find()上进行演示时，它工作得很好。我是不是遗漏了什么？示例数组输出(从数据库获取)： PS:尽量不使用for循环来节省一些内存和时间。

浏览 1提问于2018-06-07得票数 1

回答已采纳

2回答

在编辑页面时使用useParams()显示正确的详细信息

javascript、reactjs

EditMovieForm = (props) => { const { movies } = props director: "", metascore: 0, }); 以及显示电影细节的代码

浏览 10提问于2022-03-30得票数 0

回答已采纳

1回答

使用react返回分页中的当前页

javascript、reactjs、pagination

CCard> </CRow> )} 一切都很好，但我想要的是，如果我详细了解任何用户之后我想要的是，它在一页上显示10条记录，如果我在第二页上，打开任何用户的详细信息，返回回1页，基本上，如果活动页设置为2，如果我位于第二页，那么如果我在第三页，它将解决问题，但不知道如何解决。

浏览 1提问于2020-10-28得票数 0

回答已采纳

1回答

无法使用React路由器和useParams显示数据

javascript、reactjs、routes、react-router、react-hooks

我正在构建一个从以下https://jsonplaceholder.typicode.com/users/.The组件获取数据的React应用程序:主页、UserCard和DetailPage。我想要实现的是:主页组件为每个用户显示一张卡片(即UserCards组件的列表)。单击UserCard时，我会被转到另一个页面(DetailPage)，该页面会显示该用户的所有详细信息。在我的HomePage组件中，我使用Axios库获取数据</em

浏览 26提问于2021-01-15得票数 0

点击加载更多