开发者问题收集
我已经实现了获取并将其设置为对象。但是,当我想获取它的值时。它显示未定义,我对此一无所知。这是代码。import {useEffect,useState} from 'react';import { useRouter, Router } from 'next/router';import Layout from '../../components/MyLayout';import Setting
You should not fetch an API route from getStaticProps — instead, youcan write the server-side code directly in getStaticProps.上面的句子来自 next.js 的官方文档,我觉得很困惑。是不是说我不应该对我的 restful api 进行 ajax 请求?(我正在使用 nod
TL;DR由于代码中的提取请求,我收到错误错误:对象作为 React 子项无效(找到:[object Promise])。该项目是用 Typescript 编写的,当我在另一个项目(Javascript)中尝试相同的代码片段时,我没有收到错误。所以我一直在做一个项目,当我尝试通过提取发送 POST 请求时,我收到错误错误:对象作为 React 子项无效(找到:[object Promise])。如
在将所有状态弄混之后,我现在正尝试以一种可能更能反映最佳实践的方式重组我的应用程序(不确定这是否是方法,欢迎提出建议。)因此,我有我的主页,其中包含 3 个状态:查看器、买方、卖方还有三个不同的组件,每个组件对应一个状态。我希望能够将道具从主页通过这些组件传递给他们的子项(我读过这是最好的方法??)主页: //we have 3 states for the website: viewer,bu
我试图使用来自 1 个端点的数据来调用另一个通过 id 过滤的端点。我计划使用getServerSideProps获取这两个调用,并将数据传递给另一个组件。第一个调用将返回一个categories数组,然后我尝试循环并获取按 id 过滤的articles。我能够成功返回categories数组,但是当我尝试循环并获取articles时,我得到的值是undefined我该如何实现?这是我的index
我试图将 MainMenu 和 getStaticProps 函数从同一页面 (index.js) 中取出,并将其分解为组件。下面是运行良好的 index.js 页面。#index.jsimport Link from 'next/link';function MainMenu({ menuLists }) {return (<div>{menuLists.map(menuItem => (<di
在 next.js 中,有很多方法可以从 api 获取数据。getServerSideProps,getStaticPaths,getStaticProps,Incremental StaticRegeneration and client side rendering.如果我必须在任何状态发生变化时向后端发出请求,除了客户端渲染之外,我可以使用其他数据获取方法吗?我来自 React.js 背景,
我这里有这个对象:const [generic, setGeneric] = useState ({f1: "Hi, Stack Overflow!",f2: "Hello!",});我想从中访问所有子对象。我这里有一些代码,但它不能正常工作:{Object.keys(generic).map((gen) => (<><h1 key={gen}>{/* I also tried rendering
假设我想从一个网站获取数据,该网站的链接是http://cookiestats.net/cookies,该链接上的数据如下:{"cookie-stats": {"eating": 1, "eaten": "6"}, "people-eating": {"current": 3, "total": "6"}>我做错了什么?export const getStaticProps = async ()
这是一个关于如何以最佳方式实现 Javascript 包装器的问题。我正在编写一个 React 客户端,我有一组 API。这些 API 返回大量客户端不需要的数据。我想要做的是编写一个包装器,一个 index.js,在其中调用 API,获取响应并重新映射它以排除无用的数据。我知道这不是最好的方法,但我有几天的工作时间,这似乎是更快的解决方案。最好的方法是什么?或者,更好的是,什么是更干净的方法?提
我正在学习 ReactJS。在我的程序中,我正在进行 API 调用,然后对其进行映射。API 调用获取的数据如下,data = [{"uid":"1", "title":"hello"},{"uid":"2", "title":"World"}]import ImporterAPI from '../api';const API = new ImporterAPI();class Home ext
我正在尝试从 API 映射数据,但遇到了一些问题。我怎样才能仅将名称推送到数组?没有名为“name”的属性或类似名称。componentDidMount() {let url = `https://contact-browser.herokuapp.com/contacts`;let arr = []fetch(url).then(resp => resp.json()).then((data)
我尝试在字符串数组上使用 map 来获取以标题开头的多个段落,但所有字符串都出现在同一个段落标记中。我期望<h3> Header 1 </h3><p> String 1 </p><h3> Header 2 </h3><p> String 2 </p>,但得到的是<h3> Header 1 </h3><p> String 1String 2 </p><h3> Header 2 </h3>传入列表似
我正在使用国家/地区 API 构建一个应用程序,该应用程序显示某个国家/地区的名称、人口和地区等信息。我想显示该国家的语言、货币和边界。我尝试映射数据以显示边界,但它说地图未定义。<div>// this works and displays<h1>{info.name}</h1><p>Population: {info.population}</p><p>Region: {info.region
我该如何显示结果,现在在下面的代码中,我仅将其导出到控制台,但我希望它在浏览器中的段落或其他标签中显示。我知道这是一个愚蠢的问题(可能),但我对React还不熟悉。import React, { Component, useState, useEffect } from 'react';class App extends React.Component{constructor(props){sup