从React.js开始,我的API后端有一个端点,它返回一个JSON响应。如何访问React组件中的JSON,并通过它循环创建其他元素的副本:
例子:.
class Books extends React.Component {
constructor() {
super();
// have access to JSON here from API
}
render() {
const books = jsonResponse.map((val) => {
<img src={jsonResponse.imgSrc} />
我已经尝试了各种不同的方法,但我被难住了。在react中使用promises和进行api调用的新手。这是我目前所拥有的:
import React, { Component } from 'react'
import Column from './Column'
import { CardGroup } from 'reactstrap';
let api = "https://fcc-weather-api.glitch.me/api/current?";
class App extends Component {
我在React和GatsbyJS方面都是新手。我很困惑,无法用一种简单的方式从第三方Restful加载数据。
例如,我希望从随机性user.me/API中获取数据,然后能够在页面中使用这些数据。
让我们这样说:
import React from 'react'
import Link from 'gatsby-link'
class User extends React.Component {
constructor(){
super();
this.state = {
pictures:[],
我是反应世界的新手。我正在创建天气应用程序,我使用openweathermap获取数据(使用黑暗天空api,也有同样的问题)。问题是,我获得一个获取数据并将其保存到状态。我可以通过JSX和console.log打印该状态的全部内容,但无法到达内部的特定数据(通过console.log和JSX)。问题是:TypeError:无法读取未定义的的属性“城市”
这是我的密码:
import React from 'react';
import TemperaturesList from './TemperaturesList';
import axios from
我有服务器端呈现的基本设置和react设置,它的工作方式与预期的一样。我知道react query在客户端维护一个缓存,如果特定的查询键是新的并且它存在的话,它可以从这个缓存中服务器数据。这个装置看起来是这样的-
// pages/_app.tsx
import type { AppProps } from "next/app";
import { QueryClient, QueryClientProvider, Hydrate } from "react-query";
function MyApp({ Component, pageProps }: A
我使用的是react和一个mongoose/mongo数据库。在页面加载时,我执行API调用并接收一个对象数组(它们是带有标题、描述等的“帖子”)。我正在尝试映射数据,以便在不同的卡片上动态显示帖子信息。我可以从API调用中获取数据,但是当我尝试将状态更改为对象数组并通过控制台记录它时,我得到了未定义的数据。
附件是代码和结果的照片:
为什么usestate不接受来自数据的状态变化?附件是我的代码:
import React, { useState, useEffect } from 'react'
import API from "../utils/API"