我正在开发一个 React 应用，但遇到了未捕获的类型错误。我按照在线教程操作，但无法修复。这是我的代码：import React, { useState, useEffect, createRef } from 'react';import { CircularProgress, Grid, Typography, InputLabel, MenuItem, FormControl, Selec
2022-05-18
我遇到一种情况，我被迫从两个不同的地方调用触发器方法来显示模态框，一个地方使用热键组合，另一个地方通过单击工具栏按钮。为了做到这一点，我有以下代码，其中我调用triggerCustomLinkModal来设置状态，但随后我遇到了无效钩子调用错误。import { useState, useCallback, useEffect } from "react"import { Dialog } fro
2022-06-22
删除记录后，玩家数据仍显示在主屏幕中，并且未刷新。 只有在导航到其他屏幕后，我才能在主屏幕中看到更新的数据。我尝试将setSearchResults(searchResults)状态放在onDelete()中，但它不起作用。Home.js以下是在主屏幕中显示玩家数据的获取方法： const [playerList, setPlayerList] = useState([]);const [sear
2020-06-05
该场景非常简单，up 可以直接进入代码，而无需阅读以下描述。我正在创建一个非常简单的 React 应用，它呈现一个包含单个 h3 元素的列表（每个列表都有一个唯一的 id）。单击 h3 元素时，其文本将从“未单击”更改为“单击”。这是通过根组件 App 中的 useState 实现的。状态跟踪被单击组件的 id。单击 h3 元素时，它将触发回调，将单击的 id 设置为其自己的 id。问题是，当
2019-09-12
我有两个“昂贵”的函数，我想在我的 React 应用程序中记住它们，因为它们需要很长时间才能渲染。这些昂贵函数用于数组映射中。我想记住数组映射的每个结果，这样如果数组的一个元素发生变化，则只会重新计算该元素的昂贵函数。 （并且独立地记忆昂贵的功能，因为有时只需要重新计算一个。）我正在努力记忆并传递当前数组值。这是没有记忆的工作演示：import React, { useMemo, useState
2020-07-06
我试图在条件语句中使用 React Hooks，不幸的是，React 几乎为所有 Hooks 都给出了错误，而这符合 Hooks 的理念。然后我尝试在 else 语句中使用 useMemo Hook，它没有任何错误。我在 Google 上搜索了这种差异，但没有找到任何有希望的东西。我的问题是，useMemo 是一个例外，您可以在条件语句中使用 useMemo。
2021-02-19
我有一个包含会议预订的表单。其中一部分是日历组件，具有相当复杂的用户界面。<Calendar fullName={fullName} email={email} onEventScheduled={onEventScheduled} />这很好用。正如 React 用户所知，当任何输入发生变化时，React 都会重新渲染表单。由于日历仅依赖于某些输入（fullName、email和onEventS
2021-04-16
我正在使用 useMemo 钩子来渲染地图项目。我向 useMemo 钩子添加了 items 参数，它会根据项目变化进行渲染。但是更改加载状态和项目会发生变化，Item 自定义组件会渲染两次。我在使用 useMemo 钩子时是否犯了任何错误，请纠正我。Home:import React, { useState, useEffect, useMemo } from "react";import It
2021-09-24
我有一个调用的 webapi 可以正常工作：const [pItem, setPItem] = useState([]);const [weight, setWeight] = useReducer(weightHandler, 0.0);useEffect(() => {setLoading(true);let mounted = true;(async function () {await g
2021-12-15
我试图理解 React Hooks 中的依赖项是如何工作的。听起来很简单，但在下面的人工示例中，当通过单击“完成”文本更新变量时，我无法打印备忘录。我相信如果那些是 React 的 setState 变量，它们会起作用。我见过在依赖项数组中给出简单变量的示例。实际用例与useTable结合使用。在大多数情况下，它会陷入递归循环（例如使用 fooArr 作为依赖项）。所以我试图将其提炼出来，看看我遗
2022-04-08
我正在测试一个使用 React-Hooks 和 Redux-Saga 的功能组件。我可以在组件的 URL 中传递参数，因为它们是登录页面组件。我传递的 URL 是“localhost/access/parameter”，当此参数存在时，我需要调用异步 redux saga，如果获取成功，我会将结果放入 redux-store。当结果在 redux-store 上时，我有一个 useEffect 来
2019-05-23
我已经建立了一个 github 项目，以了解如何更好地测试 react (v 16.8.0)useEffect钩子。我进行 api 调用以获取useEffect中的数据，并将接收到的数据设置为状态组件元素。我的组件将查询作为 prop 接收，如果查询 prop 字符串不为空，则进行 api 调用。我想测试一下，使用非空查询 prop，api 调用是否已完成，组件是否正确设置了其状态。我知道测试us
2019-06-01
我试图断言我的自定义钩子在挂载时会从 API 返回一些数据。代码如下所示：import * as React from 'react';import { findByStatus } from '../../services/AssignmentService';import Assignment from '../../models/Assignment';import AssignmentLi
2019-08-19
每当我尝试从 Reducer 使用 useDispatch() 函数时，我的组件内部都会再次出现错误。这是我的 Reducer，我用它从 DB 获取所有项目并将其显示在页面上。export const getPost = (posts : any ) => {return {type : actionTypes.GET_POSTS,posts}}这是我在组件中的 useEffect : us
2020-07-02
这是我的代码：function App() {const [input, setInput] = useState();const [imageURL, setImage] = useState();const [box, setBox] = useState({});const calculateFaceLocation = (data) => {const clarifaiFace = dat
2023-02-25