我正在使用 react-hook-form 管理我的表单。但我还需要管理元素的点击事件。在这种情况下，我必须设置两个 ref let inputRef = useRef(null);const onClick = input => {input.click();};<inputtype="file"ref={ref => {inputRef = ref;register();}},onClic
2021-04-24
我有一个表单，该表单应该将文件（图像）上传到 NextJs API 路由。我尝试使用表单的引用来检索表单值。但是，当我尝试在 onSubmit 函数中访问表单时，引用仍然为空。我知道引用在第一次渲染时可以为空，但我认为在提交表单时，引用应该已经解析。表单如下所示：<form ref={formRef} onSubmit={onFormSubmit}><label htmlFor="image">I
2021-12-22
"react": "^17.0.2","react-dom": "^17.0.2","react-router-dom": "5.2.0",这是我的 App.js 文件import React from "react"import Navbar from "./components/Navbar"import Main from "./components/Main"import Details
2022-01-13
我对 React 还很陌生，所以如果我的问题很愚蠢，我很抱歉，但我被困在这里。我正在尝试将数据从父组件发送到子组件父组件：export default function Dashboard() {const [msg, setMSG] = useState<string>("Hello!");return (<Table message={msg}/>);}子组件：export default f
2020-06-19
我正在使用 React 制作纸牌游戏，由于某种原因，我得到了TypeError: Cannot read property 'img' of undefined。导致错误的代码：import React, { useState } from "react";import Card from "./components/Card";const App = () => {const [cards, s
2021-07-15
我想做什么？我想设置一个对象数组，其中数组中的值取决于父组件。当前尝试执行此操作的代码是什么？以下是简化的不同文件：// Parent.export default function Parent() {const [filePaths, setFilePaths] = useState();useEffect(() => {var fileContent = JSON.parse(fs.read
2021-08-11
const url = "http://api.tvmaze.com/search/shows?q=girls";export default function MoviesList() {const [movie, setMovie] = useState([]);useEffect( () => {loadData();}, []);const loadData = async () => {
2022-01-14
无法在 React 中渲染图像，在浏览器控制台中，图像名称显示正确，但在 UI 上不显示。此外，检查元素后，img标签中缺少 src 属性。请提供帮助。这是示例脚本function importAll(r) {let images = {};r.keys().map((item, index) => { images[item.replace('./', '')] = r(item); });re
2022-02-26
我需要执行一个返回 URL 的获取 API 调用，对返回的 URL 执行某些操作，然后在 60 秒后刷新该 URL。这是我可以轻松实现的，无需使用钩子，但我想要一个钩子解决方案。重要：我不想将其重构为多个组件，或为计时器或 API 调用创建自定义钩子。编辑：问题是 - 这是在钩子环境中处理计时器的正确方法吗？有没有更好的方法？import React, { useState, useEffect
2019-07-05
我有一个带有不同反应组件的网格，它们都是独立的 - 它们获取自己的数据并显示它。我想以某种方式让它们每 15 分钟自动重新获取和更新一次。我的第一个想法是 HOC，但是使用较新的钩子和功能组件，我尝试使用钩子。所以我已经能够创建一个自定义钩子 - 来处理数据的获取：const useFetching = (url) => {const [loading, setLoading] = useStat
2019-12-02
我在 UseEffect 中使用 React js hooks 每 10 秒从 api 获取数据。问题是它需要 10 秒才能先进行状态更新。因此，在 setInterval 函数之前，我需要在组件未渲染时获取数据。代码部分在这里：function getList() {return axios.post('http://localhost:5000/getParameters', { no: no
2021-01-22
如何每 2 秒刷新一次我的 React 应用程序？import React, {useState, useEffect} from 'react';import {Route, Switch, useLocation} from 'react-router-dom';import Home from './Home';function App() {const location = useLoca
2021-10-30
之前用起来还好。但是现在不行了。这是什么原因？该怎么办？无法读取location prop。在header代码中添加了withRouter，然后这次FriendsHeader就报错了。这是我的FriendsHeader代码import React from "react";import styled from "styled-components";import { Container } fro
2020-12-15
我在 console.log 中获取数据，但是每当我在步骤中描述getQuestion[0].question时，它都显示未定义。我在这里做错了什么，请帮助我，提前谢谢了function App() {const [getQuestion, setQuestion] = useState([]);useEffect(() => {axios.get('************').then(fun
2021-05-16
在输入字段中输入颜色名称后，当我提交表单时，出现错误：TypeError：无法读取未定义的属性“toLowerCase”（匿名函数）C：/Users/HP/Documents/WDB/React/Practice/colors-app/src/NewPaletteForm.js:117 114 | //to check -> is 'palette name' unique115 |
2021-08-10