当组件卸载时，我想将状态保存到localStorage。这曾经在componentWillUnmount中起作用。我尝试使用useEffect钩子执行相同操作，但似乎useEffect的返回函数中的状态不正确。为什么会这样？如何在不使用类的情况下保存状态？这是一个虚拟示例。当您按下关闭时，结果始终为 0。import React, { useState, useEffect } from "rea
2018-12-05
我尝试使用 Hooks 为自己制作一个漂亮的动画示例，但我偶然发现了一个问题，即我的函数没有状态变量的更新版本，并且继续使用第一个版本。在下面的代码片段中，我有一个示例，一旦您单击一个条形图，它应该以方形形式移动。首先向东，然后向南，然后向西，然后向北，然后再次向东等。但是它永远不会向南，因为即使它的方向从north更新为east（由条形图上的文本或再次单击它指示），函数仍然认为方向是北。cons
2019-03-08
我有以下代码，我想在其中创建一个标签列表。在此示例中，我在setAllTags()中获取标签列表，然后在setAvailableTags()中获取多个可用标签。然后我遇到的问题是，当运行setAvailableTags()时，它将删除在setAllTags()中获取的标签。似乎当setAvailableTags()设置其状态时，我在setAllTags()中设置的状态未被使用。知道我可以做些什么来
2019-03-18
我在我的 React 项目中使用 hooks。我编写了一个函数来管理 hooks 中的状态。但我不知道它是否是最佳的。这是我的函数：mapStateToDOM.jsimport {useState} from 'react';const mspStateToDOM = (initialState, state) => {Object.keys(initialState).map(item => {
2020-03-12
在我的 React 应用程序中，我有一个父组件和一个子组件。在我的父组件中，我包含了来自子组件的过滤器。无论我从过滤器中选择什么值，我都会将其传递给我的 api 请求参数，该参数在我的 ParentComponent 中的 handleFilterChange 方法下调用。但是，我注意到，如果我从 ChildComponent 中选择一个过滤器，它会被正确传递，但是当选择两个过滤器时，它总是传递最
2020-06-09
我有以下代码：export default function App() {const [lastMessageId, setLastMessageId] = useState(0);const [messages, setMessages] = useState([]);const addMessage = (body, type) => {const newMessage = {id: las
2020-08-06
我需要将一个特定值更改为状态内的嵌套对象，因此我想使用旧状态 + 需要更改的新值来克隆状态。我的状态如下所示：{"startDate": "2020-12-04T00:00:00.000Z","endDate": "2022-12-04T00:00:00.000Z","yearlySummary": [{"year": "11/2020-11/2021","data": {"actualUsage
2020-12-11
我有一款小型井字游戏，一切都很好，只是我在代码中苦苦寻找将完成函数放在哪里。让我告诉你；import React, { useState } from "react";import { isGameOver } from "../Helper/helper";import Square from "./Square";const Board: React.FC = () => {const [sq
2021-03-30
我正在尝试重构具有硬编码初始状态的简单代码，但我对 React Hooks 还不熟悉。const TimersDashboard = () => {const [timers, timersChange] = useState(0)React.state = {timers: [{id: UUID.v4(),activity: 'Testing activity',description: 'Lo
2021-09-17
正如标题所述，我显然不能使用钩子我知道你们中的一些人会试图告诉我这是一个重复的问题，但在我见过的所有问题中，似乎没有人问什么是使用导入的功能组件的正确方法我尝试渲染的组件。 import React from 'react';import { hot } from 'react-hot-loader';import Playground from '../playground/index';
2019-03-09
我正在尝试使用 React Hooks 导出一个正常的功能组件，但出现了此错误。TypeError: Object(...) is not a function当我删除 Hooks 并在没有任何状态的情况下导出它时，它可以正常工作。将相同的代码导出为 Class 组件也可以正常工作。import React,{ useState } from 'react';const Mycomponent
2019-06-07
我尝试使用 React Hooks 创建搜索功能，但它始终返回错误：Cannot read Property of Undefined每当我在输入字段中输入时，在updateSearch函数上。 const [search, setSearch] = React.useState('');const [searchResults, setSearchResults] = React.useSta
2020-02-06
因此，我尝试在我的 Weather App 项目中实现路由，我想要实现的是，当我单击 cityname 时，它应该显示在另一个应用程序中。但不知何故，我收到以下错误TypeError: Object(...) 不是函数以下是我的文件：我的 App.js const App = () => {return (<><Container><Switch><Route exact path="/"
2020-07-19
我尝试使用 React JS 制作天气应用，但运行程序时出现错误“TypeError: 无法读取未定义的属性（读取‘main’）”。以下是部分代码： return (<div className={(typeof weather.main != "undefined") ? ((weather.main.temp > 16 ) ?'app warm':'app'):'app'}><main><di
2021-10-19
为什么我会收到这种类型的错误“无法读取未定义的属性（读取‘数量’）”。当我尝试在按钮中使用 onclick() 函数时，它不起作用。我总是显示一条消息“数量未定义，无法读取其属性”。请帮我解决这个问题。我试过所有方法来解决这个问题，但都失败了……react 的 App.js 文件import "./App.css";import Navbar from "./navbar";import Prod
2022-01-16