我有一些多维 JSON 数据,其中包含不同的服装项目,每个服装项目包含自己的信息数组。我尝试使用 ReactJS 来显示此数据:{Product Name}{size 1} has {quantity 1} in stock{size 2} has {quantity 2} in stock{size 3} has {quantity 3} in stock我的 JSON 如下所示: {"m
2018-04-20
我有一个如下所示的 json 对象{"Title":"asb","Date":"2019","Other":"not important">读取此对象并在<ul><li>中呈现的正确方法是什么?注意我尝试将其分配给一个状态并使用map()迭代状态,但它不起作用。
2019-03-27
我的 API 数组生成了“todo”对象。这是控制台记录的,但我还将其保存为变量 todosData。现在,此变量曾经是相同的格式(具有 id、title、completed 的对象数组),但我的硬编码数据。我使用组件渲染它,因为我的应用程序是用 React 制作的。这是它的代码:import React from "react";import TodoItem from "./TodoItem"
2020-07-14
这里有一位新程序员在学习 ReactJS。我有一些代码使用 axios 发出 HTTP 请求以从本地文件获取 XMLData。然后在响应中,我使用 xml-js 将该 XML 数据转换为 JSON 对象。然后,我获取该jsonObj并使用setState()将其保存到状态。我有一个函数renderTableRows(),它应该返回 JSX 以在浏览器上显示我的 JSON 数据。我解构了状态并尝试从
2021-05-02
我尝试创建生成随机报价的简单应用程序。我创建了一个函数(我认为)可以从 json 文件中获取我想要的数据。但是当我尝试将该函数传递给我的 App 函数时,我收到错误:对象作为 React 子项无效(找到:[object Promise])函数报价:function Quote (data) {var x = (Math.floor(Math.random() * (103 - 1) + 1) );
2021-10-26
我有一个对象数组,想要在 ReactJS 中用一行显示。对象如下所示:[{name:"jane",age : "20"},{name:"mary",age : "21"}{name:"john",age : "19"}]我想要显示的结果为:jane 20, mary 21, john 19例如<span className="name>data.name</span> <span classNam
2022-04-05
数据未出现在视图中的表中。已使用控制台确认从数据库导入数据。在此处输入图像说明如果仅将其用作 list.map(),则会出现错误,指出它不是函数。所以 list && list.length > 0 ?我正在使用 list.map((e)。或者我必须修改 const [list, setList] = useState 代码部分?import React, { useEffect, useStat
2022-04-22
尽管已经绑定了函数,但尝试使用 ReactJS 更新状态时,我看到以下错误。代码如下所示。该方法已绑定,console.log 显示 api 返回了正确的数据。可能未处理的拒绝 [1] TypeError:无法读取未定义的属性“setState”import React from 'react';import {BootstrapTable, TableHeaderColumn} from 're
2017-02-19
尝试显示从 api 响应接收到的数据的长度。但它说无法读取未定义的属性async componentDidMount() {Users.getAppAuthUser(1,true).then((res)=>{this.setState({data:res});this.setState({loading:false});})console.log(this.state.data);}render
2019-09-19
我堆了好久。关于以下代码,当我从状态获取成员对象时,它不被识别为数组对象。因此,我从复制文本编写了 dummy_member,它可以工作并被识别为数组对象。 render() {const members = this.props.members; // <- Get from state.console.log(members); //Show Array Object (1)consol
当我尝试在 React 中返回数组的长度时遇到问题。错误是“TypeError:无法读取未定义的属性‘length’”。我已将其放在另一个子组件中并且它可以工作,但是当我在 NavBar 中尝试时它只显示错误。import React from 'react';import './NavBar.css';import { FontAwesomeIcon } from '@fortawesome/r
2020-05-03
我正在尝试制作分页组件。但是totalPost={products.length} 不起作用因为长度未定义。我如何获取产品的长度?import React, { useEffect, useState } from "react";import { useSelector, useDispatch } from "react-redux";import { getAllProducts } fro
我从服务器接收数据但无法解析它。解析时出现错误“JSON 中位置 0 处出现意外标记 uJSON.parse ()”。import React from 'react';import axios from 'axios';class Premontessori extends React.Component{constructor(props){super(props);this.state={p
代码:var React = require('react');var User = require('./User.jsx');var LeaderBoard = React.createClass({users: [],componentDidMount: function () {var url = 'https://fcctop100.herokuapp.com/api/fccusers/
2017-04-16
我正在开发一个小项目,并尝试将 JSON 文件中的数据映射到我的项目中。在具有嵌套数据的组件中,我不断收到let data = props.data["runways"];。data.json:{"runways":[{"slot":"Area 1","planes":[{"name":"PanAm","number":"12345","start":{"time":1585129140},"en