无法呈现具有Apollo-link-rest和ReactJS的数组中的嵌套对象
问题：无法呈现具有Apollo-link-rest和ReactJS的数组中的嵌套对象。
答案：在使用Apollo-link-rest和ReactJS时，如果遇到无法呈现数组中的嵌套对象的情况，可能是由于数据结构或代码逻辑的问题导致的。下面是一些可能的原因和解决方法：
- 数据结构问题：检查数据结构是否正确，确保嵌套对象在数组中的正确位置。例如，如果嵌套对象是数组的元素，确保它们被正确地放置在数组中。
- 数据获取问题：确保使用Apollo-link-rest正确获取数据。检查GraphQL查询或REST API请求是否正确配置，并且返回的数据包含了嵌套对象。
- 数据渲染问题：在React组件中，确保正确地渲染嵌套对象。可以使用map函数遍历数组，并在每个元素中访问嵌套对象的属性。
- 组件嵌套问题：如果嵌套对象需要在嵌套组件中进行渲染，确保正确地传递数据和属性。在父组件中将嵌套对象作为属性传递给子组件，并在子组件中使用props访问和渲染嵌套对象。
- Apollo-link-rest配置问题：检查Apollo-link-rest的配置是否正确。确保正确设置endpoint和uri，并且使用正确的请求方法和路径来获取数据。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云开发（Serverless）：https://cloud.tencent.com/product/tcb
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MongoDB版：https://cloud.tencent.com/product/mongodb
- 腾讯云云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
我正在和socket.io和react一起工作。我在componentDidMount()中设置了侦听器，但不知何故，setState()函数并没有触发更新。当我记录data时，我可以看到从服务器发送的数据。下面是我的代码： this.state = {
list: []
};
public componentDidMount() {
this.socket = io('https://mybackendurl.com');
this.socket.on('an-event', data => {
console.l
浏览 16提问于2020-01-17得票数 0
2回答
假设我有这个React组件：
class SomeComponent extends Component {
constructor(props) {
super(props);
this.state = {
topObject: {
childObject1: {
grandChildObj1: {
attr1: this.props.val1,
attr2: this.props.val2
浏览 0提问于2018-10-31得票数 0
我想实现一些与此相关的东西：
但我希望孩子出现在“添加孩子”按钮被点击的地方，而不是在最后一个按钮上。
求求你，我需要帮助
浏览 2提问于2019-09-19得票数 0
我无法在表单中为Inputfield设置值。下面是我的密码。甚至我也试图在输入元素中给出类似于value='ABC'中的直接值。但没有运气。当我试图在表单标记之外显示值时，如下所示
<h1>{this.state.company.companyCode}</h1>
这表明了价值。但不是在身体内部。
class UpdateCompany extends Component {
constructor(props) {
super(props);
this.state = {
浏览 0提问于2019-07-02得票数 0
回答已采纳
2回答
为SPA工作的路由器，但我似乎无法让它呈现出除了以外的其他任何东西。
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, Link, IndexRoute, browserHistory } from 'react-router';
import Parameter from './components/parameter/Parameter';
class App extends React.Component
浏览 2提问于2017-02-15得票数 0
回答已采纳
1回答
我有一个javascript对象，它代表一个trello板：
我有一个onCardClick函数，它包含cardId、元数据和laneId。
我想用Object.values将洞对象转换为数组，然后循环遍历该数组，但它的内部仍然有对象，所以我认为使用. .map/forEach函数无法检索一张卡。任何帮助都是非常感谢的。
浏览 1提问于2019-01-24得票数 0
回答已采纳
我是新来的React，我不知道我是否“以反应的方式思考”。这是我的场景：
我有一个标题组件和一个正文内容。我有一个布局组件来呈现标题和正文。这是固定的结构。
所以我有一个仪表板组件，但是我需要在body组件中呈现仪表板。这就是我的问题，我不知道如何呈现仪表板组件=/
有人能帮我吗？
浏览 4提问于2016-01-22得票数 0
回答已采纳
我有一个react钩子函数，它有一个状态对象apiDATA。在这种状态下，我存储了一个结构对象： {
name : "MainData", description: "MainData description", id: 6, items: [
{key: "key-1", name : "Frontend-Test", description: "Only used for front end testing", values: ["awd","asd","xad"
浏览 37提问于2020-04-28得票数 3
回答已采纳
当React呈现数组时，应该为该数组中的每个项提供一个键。否则，将发出警告：
Warning: Each child in an array or iterator should have a unique "key" prop
React中有关于和的详细解释。
但是在中，我发现当呈现嵌套在另一个数组中的数组时，不会给出任何警告。
const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((numbers) =>
<li>{numbers}</li>
);
// 'l
浏览 3提问于2017-05-11得票数 6
2回答
我正在构建一个ReactJS应用程序，我需要以这种方式存储数据：
this.state = {
user: {
name: "",
surname: "",
age: "",
...
instruments: [],
}
}
instruments状态需要包含多个对象，并具有属性name和experience。举个例子：
instruments: [
{
name: 'Bass guitar',
浏览 1提问于2016-12-10得票数 4
回答已采纳
我正在尝试从我的JSON API.here is my code和JSON API中获取所有出勤属性的数据。如果有任何更简单的方法，请告诉我，因为我是新的反应本机。 {
"message": "30 day data",
"data": [
{
"id": 3,
"addEmployee": {
"firstName": "manisha"
},
浏览 37提问于2020-03-24得票数 0
回答已采纳
我想获得使用reactJS 15.5的用户列表，代码：
constructor(props) {
super(props);
this.state = {
values: []
};
this.getDataFromUser = this.getDataFromUser.bind(this);
}
render() {
return (
<div>
<button onClick={this.getDataFrom
浏览 4提问于2017-05-24得票数 1
回答已采纳
我有一个巨大的对象数组，我想把它分成4个部分，这样我就可以在我的UI上更好地显示它们。 下面是数组的内容，假设它包含多达20个对象，所以我的目标是拥有4个不同的数组，每个数组包含5个对象。 let attributes = [
{
"FIELDTYPE": "SELECT",
"ATTRNAME": "Title",
"ATTRNAMEID": "title",
"ATTRID": 1
},
{
"FIELDTYPE": &#
浏览 16提问于2020-07-01得票数 1
回答已采纳
我有以下几点
class EntityProfile extends React.Component {
constructor(props) {
super(props);
}
render() {
console.log(this.props.location) // This doesn't work
console.log(window.location.hash.split('/')[2], 'this is my id')
return (
浏览 10提问于2021-05-21得票数 2
回答已采纳
我使用React来显示一个材料设计网格新闻文章列表。我将接收到的JSON传递给这个GridList组件(this.props.newsArticles)，并通过每个返回的结果进行映射，这样我就可以根据它是否有一个hi-def映像来过滤数据，然后将数据发送到MediaTile以得到呈现。在GridList模块的hasHiDefPictures函数中，我的三元函数出现了问题。我收到一个语法错误。
const Components = {
MediaTile: React.createClass({
render: function() {
return (
<Gr
浏览 6提问于2016-07-02得票数 2
回答已采纳
下面是代码：codepen。问题是，当我添加新的待办事项或将待办事项状态更改为已完成时，其他待办事项也会重新呈现吗？ 有什么办法能阻止这一切吗？
浏览 21提问于2021-03-31得票数 0
回答已采纳
如何在对象内部递增数组值。 我尝试了下面的代码，但它删除了garments数组并将其替换为shirts: Nan值 export const initialState = {
booking: {
expPrice: 0,
garments: [
{
shirts: 0
},
{
pants: 0
},
{
etc: 0
}
]
},
bookings: []
};
export
浏览 22提问于2021-05-08得票数 3
回答已采纳
当我试图从一个获取的json文件中访问嵌套数组时，我在这里苦苦挣扎。
在我到达子数组之前一切都很好。
JSON
{
"id": 001,
"name": "Tom",
"description": "test1",
"colors": [{
"main": "green",
"secondary": "red"
}]
},
{
"id": 0
浏览 0提问于2018-12-11得票数 1
回答已采纳
我试图弄清楚如何在状态组件中使用if语句来确定是否应该根据对象是否有值来显示元素。逻辑是否应该存在于单独的支柱组件中？
我试图使用的"If语句“：
if(props.files){
return ( <button className={ this.state.fileLinksButtonClosed ? "record-footer__accordion-button record-footer__file-links-button--closed" : "record-footer__accordion-button record-footer_
浏览 1提问于2017-10-21得票数 2
回答已采纳
我从API中检索JSON数据，然后将其存储在状态中，当我尝试使用this.state访问数据(例如编写this.state.DetailData.title)时，工作正常，但是当我试图访问同一个对象的嵌套数据(例如this.state.DetailData.location.address)时，会引发一个错误：
TypeError:无法读取未定义的属性“地址”
这是我的代码：
import React from 'react'
import Caro from './Carousel'
import {
Container,
Row,
C
浏览 1提问于2018-09-20得票数 1
回答已采纳
3回答
我需要将嵌套的json (从api中获取这些数据)解析为普通的json (用于创建react表和可视化)，如下所示：
嵌套json :
{ "count":28,
"value":[ {
"id":"dbff7b54",
"name":"cleansed",
"description":"for business",
"url":"https://www.google.com",
"state":"
浏览 7提问于2021-05-05得票数 1
回答已采纳
1回答
我正在阅读react入门教程，在我正在做的一个实验中遇到了一个问题。我可以记录一个对象，但是在控制台中，我得到了以下错误：
未定义TypeError:无法读取未定义属性的“结果”
我可以记录这个对象，因此我知道我的api调用是成功的，但是由于某种原因，我的reason状态似乎没有得到更新。我认为我的呈现函数发生在数据对象从API中更新之前，但不确定如何修复它。
<!doctype html>
<html>
<head>
<title>Weather Widget</title>
<link rel="s
浏览 3提问于2014-05-03得票数 3
回答已采纳
2回答
签出此示例：
有一个小的React应用程序，它的初始状态看起来是这样的：
{
foo: 123,
bar: [{
cux: 456
}]
}
如果按下按钮，它将在state.bar中添加一个新对象并更改state.foo值。但是，如果您按下它，然后再看一看控制台，您将看到，前一个状态的state.bar与新状态的state.bar完全相同，尽管state.foo是不同的。为什么会发生这种事？
浏览 4提问于2016-11-10得票数 0
回答已采纳
2回答
我是reactjs的初学者，并且试图理解一些概念，比如父母和孩子在reactjs中呈现的内容和方式。
从研究中我发现，反应首先使孩子成为父母，但我却无法得到正确的答案--如何以及为什么？如果子程序不能呈现，我猜在react 16中有一个名为componentDidCatch的生命周期，如果子进程不能呈现，那么在react 16之前有什么，以及我们如何处理这些场景。
请帮帮我
浏览 1提问于2018-10-24得票数 7
回答已采纳
试图找出ReactJS。也就是说，到了应该做SparkLines的时刻。但由于某种原因没有显示值。有什么不对的？
杰森：
[
{
"playersCount": "41170",
"playersCountToday": "41",
"playersCountAll": "45232",
"countDailyChecksAll": [
"41",
浏览 3提问于2020-01-05得票数 0
1回答
我从API中获取数据，并将数组存储在“products”变量中，并在尝试使用路由导航到我的页面时引用请求URL中的占位符参数，但是当我试图导航到像'‘这样的页面时，应该返回page，而不是Detail页面。请说明为什么没有发生这种情况。
Json服务器位于端口3001中。
UseFetch.js
import { useState, useEffect } from "react";
const baseUrl = "http://localhost:3001/";
export default function useFetch(url) {
浏览 2提问于2021-03-30得票数 0
我尝试在React中将登录组件封装到路由标记中，但现在它不再出现在页面中了。你能告诉我发生了什么吗？
import React, {useState, useReducer} from 'react';
import './App.css';
import Login from './components/Login.js';
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
function App() {
retu
浏览 4提问于2022-01-13得票数 1
回答已采纳
我使用State，并将一个onChange侦听器放置在一个调用nameChangeHandler的输入组件上，我遇到了一个奇怪的突变问题。
这是我的状态目标：
state = {
persons: [
{ id: '363724', name: 'Person1', age: 28, job: 'React Developer' },
{ id: '724324', name: 'Person2', age: 49, job: 'General Manager' },
浏览 1提问于2018-09-16得票数 2
回答已采纳
我有一个文件data.js：
const sdc = [
{
"Type": "Buy",
"Price": 0.00226752,
"Amount": 55.95995977,
"Total": 0.12689032
},
{
"Type": "Buy",
"Price": 0.00226752,
"Amount": 146.1,
"Total": 0.
浏览 2提问于2016-09-30得票数 0
回答已采纳
4回答
我有以下代码：
import React,{useState} from 'react'
const iState ={
Name : '',
Email :'',
Salary :0,
Error:{
EName:'*',
EEmail:'*',
ESalary:'*'
}
}
function ReactForm() {
const [state, setstate] = useState(iSt
浏览 6提问于2021-06-04得票数 3
回答已采纳
1回答
我试图通过使用dogs_info.name.push(_)分别在字段'name‘和’育成‘中添加新的项目，但是得到了一个错误：
无法读取未定义的属性“名称”
我希望有一个深入的解决方案。
var dogs_info = [
{
name : "rusty",
breed : "corgi"
},
{
name: "snoopy",
breed: "pomperian"
},
{
name:
浏览 2提问于2019-07-07得票数 1
3回答
我正在使用React。
在我的状态下，我有一个对象数组。
this.state = {
team: [{
name:'Bob',
number:23
},
{
name:'Jim',
number:43
}]
}
当我试图复制数组来更改对象的属性时，我得不到想要的结果。
我试过了：
let tempTeam = [...this.state.team]
对tempTeam的任何更改也会使this.state.team发生变化
和
let tempTeam = this.state.team.map(player =
浏览 0提问于2018-09-16得票数 1
我想知道是否有人可以帮助我使用metawidget jsonSchema显示按钮、函数调用和表格。
不幸的是，我认为它只是我们应用程序的一个表单渲染器，它是我们需要在外部定义的东西吗？另外，如果我们能以某种方式从一个表单导航到另一个表单
<script type="text/javascript">
var mw = new metawidget.Metawidget( document.getElementById( 'metawidget' ), {
inspector: new meta
浏览 2提问于2017-01-17得票数 1
2回答
我有个复选框。如果选中了复选框，则应选中表单检查。但对我不起作用。我有以下代码：
import React, { useState } from 'react'
import { Row, Form, Container } from 'react-bootstrap'
import subMenu from '../subMenu.js'
function TestScreen() {
const [test1, setTest1] = useState(subMenu)
const subMenuHandler = (e) => {
浏览 0提问于2021-02-13得票数 2
回答已采纳
1回答
我对Firestore界面有一个问题。我想要创建一个对象数组。这些对象包含另一个对象数组。
问题是Webinterface不允许我创建这个结构。它总是说“这个领域无法拯救”。
当我在我的应用程序中创建这个结构并将它推送到Firestore时，它可以工作，但是我不能在我的数组中编辑/添加任何东西。
这就是它在我的数据库中的样子：
浏览 0提问于2018-05-07得票数 0
回答已采纳
3回答
我试图用记录一个如下所示的查询字符串
filtered[0][id]=code&filtered[0][value]=12345
并包含具有属性id和value的对象列表。
我的yaml文档如下所示
parameters:
- name: filtered
in: query
description: filters to be applied
explode: true
style: deepObject
schema:
type: array
items:
pro
浏览 0提问于2018-10-19得票数 17
我很难通过返回JSON数据来呈现HTML。这是没有任何问题的JSON，但我不能以我想要的方式呈现HTML。它呈现的是一个混乱的HTML。
这是我的db.json
{
"houses": [
{
"name": "house 1",
"description": "This is the description of the house 1",
"photos": [
"photo1_house_1.jpg", "
浏览 0提问于2018-04-02得票数 0
回答已采纳
2回答
我有一个数组，如：
"data": {
"key1": {
"key_val1": "data1",
"key_val2": "data2",
"key_val3": "data3",
"key_val4": "data4",
},
"key2": {
"key_val1": "data1&#
浏览 0提问于2019-02-13得票数 2
回答已采纳
3回答
在ReactJS中这样做是一个很好的实践吗？
var Component = React.createClass({
render: function () {
return (<div></div>);
},
field: 'value', // is this safe?
method: function () {
// do something with field
}
})
在建议我应该使用this.props或this.state之前，情况并非如此，因为这些字段不会以任
浏览 10提问于2015-08-25得票数 0
在为T类对象构造缓冲区(例如环形缓冲区)时，一个常见的成语是使用从std::malloc()或运算符new()获得的内存地址初始化一个T*对象，然后在该缓冲区中按需使用pointer构造对象，在T指针上使用指针算法遍历内存块。
虽然似乎非常不可能有任何编译器无法工作(它确实适用于g++和clang++)，但严格地说，这可能有未定义的行为。这是因为C++17的§8.7/4似乎只允许数组上的指针算法，而malloc、运算符new或运算符new[]返回的内存块并不是数组--据我所知，只有new[]表达式才能在动态内存中创建数组，从而在构造点完全初始化。
这也让我想到，std::uninitializ
浏览 1提问于2020-02-29得票数 2
回答已采纳
1回答
我在捣乱反应，在嵌套列表上有问题。我有两个清单-项目和待办事项，每个待办事项都有一个project_id。我有4个与这些列表相关的组件：projects-component，它呈现一个project-component的列表，每个组件都有自己的todos-component，并将projectId属性设置为项目的ID。todos-component使用一个传递getTodos函数的getTodos函数，该函数依赖于component.props.projectId来获取待办事项列表，然后呈现第四个组件的列表：todo-component (未在这里显示)。在我将一个新的项目添加到列表中之前，这
浏览 3提问于2014-10-14得票数 2
回答已采纳
我可以做嵌套的dropdown没有问题，但我不知道如何使它动态。它甚至可以达到5-8层的深度。我知道这可以在.map()函数的帮助下完成，如果有更多的子下拉，该函数将在其内部再次调用。这样我就可以访问所有的数据，但是我不知道下一步该怎么做。 数组看起来像这样(只是它的一部分)： categories = [
{
title : "Electronics", path : "Electronics", id : 1, subCat: [
{title : "Computers", path : "Electroni
浏览 21提问于2019-03-12得票数 1
回答已采纳
我有个钩子，Prompt。其中一个道具是一个对象，其中包含一些字段名称作为键。
我使用这些字段和一些钩子创建了一个表单，这就是钩子Fields返回的内容。
它是从数组中呈现的。我在log-A上记录了这个数组。下面是我得到的结果：
这让我相信这是一个react组件数组。
我正在尝试制作一个函数，它可以获得此表单的结果。
为此，我想使用ref={fieldsRef}遍历<div>的子元素。因为它只包含一个react组件的列表，所以我想我可以只获取它的孩子并使用React.Children.toArray()。
这不起作用。
const Prompt = (props) => {
浏览 0提问于2020-12-03得票数 1
3回答
我有一个对象清单：
a = [{number:1},{category:[abc, cde]},{class:2}],
[{number:2},{category:[abc, def]},{class:3}],
[{number:3},{category:[def]},{class:4}]
下面是我的代码：
b
.filter((a, index) => (a.category === 'def'))
.map((a, index) => (
浏览 0提问于2018-03-30得票数 0
回答已采纳
1回答
我试着做了一个小程序，它有一个输入字段，你可以在其中插入文本。然后，当您单击保存时，它将保存文本并向您显示以下内容。我的问题是，最初在我点击“保存”后，文本并没有显示出来，但只有当我在点击“保存”后对输入字段进行了另一次更改时才显示出来。在saveValue中添加this.setState({inputText: ' '})后，它开始工作了，但我不太确定为什么。 import React, {Component} from 'react'
import './App.css';
import picture from './pictur
浏览 21提问于2021-02-02得票数 2
回答已采纳
对Js的世界还是陌生的，我刚刚创建了一个可以工作的网站。但我的工作方式让我很困扰。我想了解一下我怎样才能做得更好。在这里，我在沙箱上做了一个简单的项目来重现我所做的事情，并问了几个问题。下面是沙箱：
您将找到一个console.log(选项卡)来跟踪该选项卡的发展。
因此，这里是一个项目的快速解释，我有两个组件(马里奥和路易吉)，我想与之互动和反应(没有双关语)与修改彼此。为此，我创建了一个对象数组，并将上述组件的特征放在每个对象中。然后，用我在还原器中构建的案例对对象数组进行更改。从另一个角度来看，我有Mario和Luigi，我希望能够点击其中的一个按钮，使他们能够跳(通过创建一个“跳转”按
浏览 2提问于2020-07-06得票数 0
回答已采纳
我是个反应新手，想找出路线。
我使用的是“react router”，我想设置如下的链接：
/p/<some id>
/p/<some id>/friends
/p/<some id>/pictures
/p/<some id>/otherstuff
有了下面的链接，我有"/p/“链接，它映射到工作，而”/p//朋友“映射到和随后的子路由。仍然下决心
我有以下几点：
root.render(
<React.StrictMode>
<BrowserRouter>
<
浏览 4提问于2022-07-30得票数 0
回答已采纳
1回答
属性中是否可以使用嵌套数组？假设顶级数组是父资源，嵌套数组是每个父源的子资源。然后，我想迭代所有父母，然后迭代每个家长关联的所有子代。
下面是一个ARM模板示例。我正在创建一个带有主题和订阅的ServiceBus。每个主题至少有一个与其相关的订阅。在嵌套数组中定义Topics的属性是最容易的，如下例所示。
{
"$schema": "https://schema.management.azure.com/schemas/2015-01-01/deploymentTemplate.json#",
"contentVersion": "
浏览 3提问于2020-04-15得票数 0
回答已采纳
2回答
我有这种格式的数据：
const INITIAL_STATE = {
expenses: {
byId: {
k948zpnp: {
id: 'k948zpnp',
category: 'other',
description: 'book',
amount: '25',
timeSpent: '2.5',
time: '2020-04-21
浏览 2提问于2020-05-04得票数 0
回答已采纳
2回答
在reactjsx中，我想创建一个<div>并频繁地关闭</div>，以便可以创建行，那么如何处理循环中的条件 现在我有这样的东西： renderContent = () => {
const { classes, product } = this.props;
if (!product) {
return (
<>
<Content />
<Space width="10px" />
<Content />
浏览 48提问于2020-10-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
