import React, { useEffect, useState } from 'react';function MainContent() {const [objectsArr, setObjectsArr] = useState(null);useEffect(() => {async function fetchMyAPI() {let response = await fetch('
2024-01-08
当我尝试使用 React 应用程序中的 useContext 钩子从 API 接收的对象访问嵌套数据时遇到问题。我收到的错误消息是:“Uncaught TypeError:无法读取未定义的属性(读取‘forecastday’)”。奇怪的是,当我尝试使用原始 JavaScript 访问相同数据时,它没有任何错误。我怀疑我的 Context.jsx 文件可能有问题,但我无法确定具体的问题。对象数据we
2023-03-07
在我的应用中,当我在 TextField 中输入速度过快时,我的网站会崩溃,并且我看到空白的白色屏幕。这是代码。TextField 代码:<TextFieldlabel="Item name"variant="filled"requiredcolor="primary"onChange={handleItemNameChange}id={`${id}`}defaultValue={items[id
2023-02-01
const [lnames, setlNames] = React.useState();const [lnums, setlNums] = React.useState();React.useEffect(() => {axios.get("http://localhost:7001/lunch").then(response => {let arr1 = [];let arr2 = [];re
2022-12-10
我一直在玩OpenWeatherMap API,以学习编码,并遇到了我的控制台中弹出的一系列TypeError问题。我的假设是我的程序正在尝试在API完成之前使用数据,但是我将提取功能设置为等待,直到收到响应将其添加到相应的状态,并尝试了许多解决方案。我在下面包含了我的app.js代码(随附的API密钥):297475494附加上下文:apidata state作为Props传递给儿童组件,并用于
2022-12-06
下面的组件用于测试如何使用 useState 更新集合。错误发生在state.has(num)useState 中的 state 变量是一个集合,并且 has 是一个集合内置函数。为什么会发生此错误?import { useState } from "react";function App() {const [state, setState] = useState(new Set());conso
2022-11-15
react-refresh-runtime.development.js:315 未捕获 TypeError:无法读取未定义的属性(读取“map”)const Exchange = () => {const { exchanges, setExchanges } = useState([]);const { loading, setLoading } = useState(true);useEff
2022-11-15
我这里有一个奇怪的问题,所以我正在使用 redux,这是我从 Reducer 状态中选择产品的组件代码。import './productInfo.css';import { useParams } from 'react-router-dom';import { getProduct } from '../../actions/productActions';import { connect }
2022-10-21
我试图显示如下数据:import React, {useEffect} from 'react'const Slider = ({ getData }) => {useEffect(() => {getData.map(item =>console.log("data : ", item))}, []);return (<div className='slider__container'>// {
2022-10-11
我想将登录用户对象发送到个人资料页面以编辑和上传图像,但最终出现错误“ProfileImage.jsx:25 Uncaught TypeError: 无法读取未定义的属性(读取‘photoUrl’)”这是我的父代码:import React from 'react';import { useState } from 'react';import {getCurrentUser, logout} f
2022-09-02
我根据 YouTube 视频创建了一个简单的天气网络应用,并希望它每 3 秒或 30 秒自动刷新一次,但是当我尝试使用setInterval时出现了无法识别的错误:App.js:15 Uncaught TypeError: Cannot read properties of undefined (reading 'key')at search (App.js:15:1)我刚刚开始使用 react-
2022-08-27
我尝试了互联网上可用的所有解决方案,但还是无法解决这些错误。请帮助我。遇到类似以下错误:警告:列表中的每个子项都应具有唯一的“key”属性。检查Home的渲染方法。有关更多信息,请参阅https://reactjs.org/link/warning-keys。在 tr在 Home (http://localhost:3000/static/js/bundle.js:679:75)在 Routes
2022-08-12
我正在发出一个简单的 GET 请求,并希望使用 useState() 使该数据更易于访问,但似乎由于 useState 未更新它而访问不存在的属性导致此错误?尽管我发出过与此非常相似的 GET 请求,但这是我第一次使用 useLocation()。我不确定这是否与问题有关,或者是否与 useState() 有关。任何回复都非常感谢const getQuiz = async () => {try{/
2022-08-09
我是 ReactJS 新手,看起来我正在按照旧教程使用旧版本的 React Router。因此目标是当我想要编辑用户详细信息时,必须在更新之前用之前用户的数据填充表单。我已经使用 axios 与后端通信并且运行良好,但问题出在“id = props.match.params.id”上。这是我的代码:UserEdit.tsximport axios from "axios";import React
2022-07-21
我试图在我的页面上显示 Nfts,但它给出了错误,如 Uncaught TypeError:无法读取未定义的属性(读取“map”)。所以我的 nfts 变量是一个数组,但仍然无法映射。这是我的组件:import React, { useState, useEffect } from "react";import { Container, Row, Col } from 'react-bootstr
2022-06-18