如何使用来自API的数据在react上创建第二个组件并创建动态URL

文章/答案/技术大牛

发布

1回答

reactjs、react-router、components、state

我有一个显示blogpost列表组件，并为来自标题的每个post创建一个URL，将其转换为字符串，然后拆分和合并，但我需要创建第二个组件来呈现blogpost本身的页面，我的问题是，是否有方法将已创建的list组件中的状态或道具传递到blogpost组件中，并仅由该路由器URL访问？这是我想用

浏览 16提问于2019-09-12得票数 0

1回答

如何动态地为链接创建ReactJs路由器并为每个链接呈现一个页面？

javascript、reactjs

我有一个对象数组(titleUrl)，包含来自API的标题和urls。我使用一个名为MenuLink的自定义组件在侧栏上创建链接，并使用来自titleUrl数组的Object.keys(titleUrl).map方法填充链接。我在这里试图实现的是，当我单击每个菜单项时，它应该重定向到使用pagerender组件

浏览 3提问于2019-10-03得票数 1

2回答

React管理员将子项添加到父项

reactjs、react-admin

首先我得说，我真的很喜欢react-admin。这是一个很棒的包！

浏览 26提问于2019-11-26得票数 1

回答已采纳

2回答

ReactJS将onClick处理程序添加到给定HTML字符串的元素中

html、reactjs

我从一个API得到了一个HTML字符串：我想在img标记上添加一个onClick处理程序。我考虑过使用正则表达式replace，但强烈建议您不要使用。任何链接或指向正确的方向将非常感谢！编辑有没有办法以一种对react友好<e

浏览 0提问于2017-08-23得票数 2

1回答

将数据交换日期状态推送到另一个响应组件。

reactjs、react-hooks、react-props、react-dom、react-datepicker

我很难找到一种方法来可靠地存储来自react的数据状态数据，并通过URL参数将该状态导出到另一个组件。为了给出一些背景，我有两个部分。一个包含react datepicker日历的Picker.JS组件和一个名为"DelayGuage“的单独组件，它使用API调用动态地绘制google图表图解。唯一

浏览 7提问于2022-06-21得票数 0

4回答

如何让React Redux应用程序与fixture数据一起工作？

reactjs、redux

如何配置react redux应用程序使用虚拟数据(Fixture)，直到时间服务器API就绪？一旦API准备就绪，翻转开关，它就开始在服务器API上工作，以获取数据而不是伪数据(json文件)。

浏览 0提问于2018-04-21得票数 0

2回答

Django和React

python、django

我还没有找到任何这样或那样的说法，但有没有人知道你是否可以在django中拥有基于函数的视图，并将react作为前端？不使用模板。 return render(request, 'fad/fad_index.html', context) 但是，如果不使用fad_index.html，它会不会只是您希望它在<e

浏览 0提问于2019-04-17得票数 0

2回答

ReactJS:从接口获取数据后立即将数据从父组件传递到子组件时出现问题。(仅限功能组件)

reactjs、api、fetch、use-effect、use-state

我需要将从API获取的数据传递给子功能组件。下面，您将看到我在失败的尝试中遵循的步骤。这是父组件那就是获取数据来自随机API： import React, { useState, useEffect } from 'react'; setProd

浏览 94提问于2020-12-07得票数 1

回答已采纳

3回答

如何将请求的数量限制为使用React的API？

reactjs、api

我是一名学生，我们刚刚开始研究API，使用 API，我试图获得对瑞典斯德哥尔摩的预测。因为某些原因，我发送了很多请求，这阻止了我发送更多的请求。也不知道是什么引起的。会很感激你对我做错了什么并能改进的反馈/解释。提前感谢！这是我到目前为止所做的所有工作，并将<InitialContainer>放在函数App()中 const I

浏览 9提问于2022-03-31得票数 0

1回答

VueJS动态含量

vue.js、vuex、vue-router、vuejs3

让我解释一下它应该做些什么：因此，假设我们有两个部分，一个具有简单的表单(照片中<

浏览 3提问于2022-02-15得票数 0

回答已采纳

1回答

如何在React.js中将状态/数据从一个组件传递到另一个组件(特别是one )

javascript、reactjs、react-props、react-component、riot-games-api

我试图从一个组件的API调用中提取信息，然后在另一个单独组件中的API调用中使用该数据。但是，我不知道如何导出和使用来自第二个组件中的第一个API调用的数据。import '.调用，以获得用户特定的ID，该ID将在第二个</

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

回答已采纳

1回答

从获取的JSON API调用传播图像的问题

reactjs

我创建了以下代码来使用来自API调用的图像渲染不同的卡片： import React from "react"; .map(({id, display_url</div> ) 可以在此处找到完整项目的链接：https:/&

浏览 4提问于2020-06-29得票数 0

回答已采纳

2回答

如何重置子reactjs组件的状态

reactjs

用户填写它们并将所有答案提交给API，然后API发送一组新的问题。所有这些问题都位于一个对象中，因此我创建了父react.js组件，它保存当前的一组问题处于状态。问题是，有时API会连续两次显示完全相同的问题，但是由于这个问题处于状态，而且react.js非常聪明，所以它不需要呈现一个全新的组件，因为旧的组件就可以了(只需要几个小的</

浏览 0提问于2017-08-28得票数 1

1回答

我应该如何将React与Rails集成？

ruby-on-rails、reactjs

当用户选中一个框时，将对rails进行AJAX调用，并显示新数据。表单是基于我的postgres数据库中的数据动态创建的。我已经使用静态数据创建了一个基本的react过滤器组件，并且它可以很好地更新我的状态(仍然在创建实际的查询)。我只需要一些最好的

浏览 0提问于2018-06-11得票数 0

1回答

使用ReactJS调用-每次使用组件时数据都会更改

javascript、reactjs

对于我的项目，我使用来自的数据，它基本上在您每次获取数据时返回一个随机的人。我已经创建了一个组件(为了解决这个问题，我对它进行了简化)，它返回API获取的person的名字。但是，如果我使用该组件两次，我总是得到两个不同的名称。如何重用组件并对其进行自定义

浏览 4提问于2020-02-18得票数 0

1回答

如何添加上下文更改的监视程序？

javascript、reactjs

我试图弄清楚如何解决这个问题，并找到了一些帮助：当加载使用上下文的嵌套子组件时，如何通知父组件(<Tracker />)触发某些函数？本质<em

浏览 1提问于2019-07-26得票数 2

回答已采纳

2回答

React.js中的嵌套应用编程接口调用

javascript、api、reactjs

我正在React中创建一个web应用程序，它需要处理两个API调用，其中一个依赖于另一个。第一个API调用将从Spotify API获取数据，然后第二个API调用将使用该回调数据来调用OpenWeather的API。如何在React中设置此嵌套/依赖的API调用？我可以在第一个<e

浏览 1提问于2015-10-28得票数 2

1回答

如何从JSON响应生成React视图

javascript、json、api、reactjs

从React.js开始，我的API后端有一个端点，它返回一个JSON响应。如何访问React组件中的JSON，并通过它循环创建其他元素的副本：class Books extends React.Component { super(); // have access to JSON here from API<

浏览 1提问于2017-08-14得票数 0

回答已采纳

1回答

是否可以从一个组件获取/解析JSON数据到不同的呈现/动态路由？(反应JS)

javascript、reactjs

我在一个组件中创建了一个api，该组件来自在线JSON原型网站的FETCHes照片和相册数据，我希望使用该数据在用户页面上显示(只显示与特定用户/用户in相关的照片和相册)。用户页是父组件(主页)的动态子组件。以下是目前为止的样子这是用于JSON数据的。我叫它ap

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

1回答

如何在reactjs中动态创建动态组件集？

javascript、reactjs

我想知道： react是否提供了一种在创建组件后检索组件的方法？例如，它的其他含义？如果你能给我一个极简的工作例子，我真的很感激它，谢谢！

浏览 5提问于2017-05-15得票数 0

回答已采纳

点击加载更多