开发者问题收集
我不知道为什么我的函数不起作用。我不想显示数组中的随机元素?但如果我点击按钮然后显示错误 -:AppHooks.js:15 UncaughtTypeError: Cannot read property 'length' of undefined.`我做错了什么?import React, {useState} from 'react';export default function AppHoo
我正在尝试使用React MultiSelect下拉组件来实现一个下拉框,其中包含将从 API 中检索的选项列表。我已经复制了启动的代码,安装了 npm 包并将其添加到一个函数中,但我一直收到错误。这是我的代码:import React, { useState } from 'react';import Multiselect from 'multiselect-react-dropdown';f
我已经使用了 react 中的 useRef hookconst myInput = useRef()并将其传递给material-ui OutlinedInput组件<OutlinedInputid="outlined-adornment-amount"inputRef={myInput}type="file"startAdornment={<InputAdornment position="s
我尝试通过传递索引使用 setState({index: index }) 设置新状态,但出现以下错误“未捕获 TypeError:无法读取未定义的属性‘map’”我正在使用 React Hooks,并且我还在使用箭头函数,我真的不明白发生了什么……关于如何解决此问题有什么建议吗?import { useState } from "react";import "./App.css";const A
ReferenceError:window 未定义当 NextJS 尝试呈现页面时,此错误会在服务器端引发。但您可以在useEffect钩子中使用window,如此处所述。我的问题是如何创建自定义钩子。我尝试过类似这样的操作:export const useEventListener = (target: EventTarget, event: string, listener: EventLis
当我 console.log 来自 api 的响应时,它就在那里。但是当我尝试通过 usestate 钩子设置状态时,它不会更新状态。const [data, setData] = useState([])const getLocation = () => {axios.get(`https://myrequest=${process.env.REACT_APP_GOOGLE}&address=$
我遇到了一个奇怪的问题,它只出现在几行代码中,我不明白幕后发生了什么。我有以下 4 行代码:function FarmerComponent(props) {let authCtx = useContext(AuthContext)let usersAndItemsCtx = useContext(usersAndProductsContext)let current_logged_user =
const Login = () => {const [errors, setErrors] = useState({})var newErrors = {const formValidation = () => {if (name === "") {newErrors.name = 名称不能为空白if (email === "") {newErrors.email = <h1 className
使用 React 16.8.6(在之前的版本 16.8.3 上表现良好),当我尝试阻止获取请求上的无限循环时出现此错误:./src/components/BusinessesList.jsLine 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'.Either include it or remove the
1.header.jsimport Image from "next/image";import {MenuIcon,SearchIcon,ShoppingCartIcon,} from "@heroicons/react/outline";import { signIn, signOut, useSession } from "next-auth/react";import { useRoute
无论其他 Stack Overflow 帖子如何实现/解释,我都尝试过很多方法进行更改。我有一个对象数组,我试图通过映射/循环遍历该数组将其中一个对象移动到数组的前面。这是我得到的结果:const [users, setUsers] = useState<User[]>([]);const [primaryUser, setPrimaryUser] = useState<User>({id: 0;
import { handleResponse, handleError } from "./apiUtils";const baseUrl = process.env.REACT_APP_API_URL;export function getAllNotes() {return fetch(baseUrl + "/notes", {method: "GET",headers: {'Accep
我最近开始学习 React,并陷入了上述错误。我知道这个错误有很多答案。是的,我已经看到了这些解决方案,但我无法将这些解决方案映射到我的问题上。我在下面粘贴了我的代码,请告诉我下面的代码有什么问题。任何帮助都非常感谢。谢谢。const orders = () => {const [stateValue, setState] = useState({orders: [],loading: true}
我试图从后端显示一些条目。如果我通过 Postman 传递数据,数据会完美地传递到数据库。但是,我无法在前端显示它们。这是我的代码export default function EntriesDisplay() {const [entry,setEntry] = useState([]);const [update, setUpdate] = useState(false);useEffect(f
const [News, setNews] = useState([]);useEffect(() => {async function fetchData() {const result = await database.collection('newslatters').get();result.docs.forEach(doc =>setNews([...News, { id: do