`useEffect` 的预期回报用于什么?
在 React 文档 他们说: "这也允许您使用本地处理无序响应效果内的变量" useEffect(() => {让忽略=假；异步函数 fetchProduct() {const response = await fetch('http://myapi/product/' + productId);const json = 等待 response.json();如果(！忽略)setProd
..
react-hooks相关内容
React 无法更新状态
我不明白为什么我不能更新我的状态(参见 setCoords).请求返回 200 代码，并且我尝试检索的元素存在: 这是我的代码: const App = () =>{const [city, setCity] = useState("");const [forecast, setForecast] = useState(null);const [coords, setCoords] = u
..
单击带有反应钩子的工具组件
我在点击 div 时切换组件.单击时它会向下，但再次单击时不会关闭我做错了什么? 导出默认函数 Shiva() {const [loan, setLoan] = useState(false);const handleClick = () =>{设置贷款(真)；}返回 (
..
如何在 React JS 编辑表单的选择下拉列表中显示所选选项
我正在将 react-hook-form npm 模块用于我的编辑数据表单.下面是我的 API 响应示例: {UUID:“xxxxxx-bd10-473e-a765-xxxxxx"地址 1:“地址 1"；地址2:“地址2"；地址3:“"城市:“xxxxx"联系人:“uxxxxb"国家:“xxxxxx"电子邮件:“xxxxxx@email.com"链接:{公司:'xxxxxx-4689-4689-
..
如何在初始渲染后重新渲染自定义钩子
我有一个名为 useIsUserSubscribed 的自定义钩子，用于检查是否订阅了特定用户.如果用户已订阅则返回 true，如果用户未订阅则返回 false... import { useState, useEffect } from “react";import { useSelector } from “react-redux";import { checkSubscription }
..
'this' 关键字在 Mapping Statement (React) 中未定义
vidsAsHtml 映射函数中的 this 关键字一直返回 undefined. 我阅读了this，以及其他一些关于但是他们的解决方案并没有解决问题.我已经在地图上使用 es6 语法箭头函数，但我也尝试将其作为第二个参数，但这并没有解决问题.好奇是否有人知道为什么 'this' 关键字在这里一直显示为未定义. import React, { useState, useEffect }
..
在 React Native 中使用 Hooks 从 Firebase 实时数据库获取的数据未显示在屏幕上
我最近开始在 React Native 中使用 Hooks，我正在尝试从 Firebase 实时数据库中获取数据并将其呈现在 FlatList 中.数据以对象格式显示在控制台上，但它不起作用，它没有在屏幕上呈现.我究竟做错了什么?如何使其正常工作? 我的代码: import React, { useState, useEffect } from "react";import { Style
..
反应 HTML 选择元素 onChange 函数，尝试访问“event.target.value"
在 React 中使用受控 HTML 标签时. 关于下面的片段: 为什么会这样: 选项 #1 function changeSelect(event) {const newValue = event.target.value;setNestedState((prevState) => {返回({...prevState,propA:新值});});} 这不是吗?(它仅适用于第
..
使用函数式 Hooks 的 React Timer |定时器没有停止
我想使用钩子 useState 和 useEffects 在 React 上创建一个 60 秒的时间，这就是我正在做的 import '../assets/css/timer.css'import { useState, useEffect } from 'react'const 定时器 = () =>{const [时间，setTime] = useState(0);useEffect(()=
..
为什么 React setState 钩子没有立即更新?
我试图从父函数调用处理程序，并将更新的状态值作为参数，但是，在调用 setSelected 后状态不会立即更新，因为两个控制台日志都打印 false(初始值).但是，在 onClick 函数完成后，它会更新. onClick={() =>{console.log("点击:", props.rank, props.suit, selected);setSelected(!selected)cons
..
React.StrictMode:useEffect 中的 SetState 函数在 effect 运行一次时运行多次
当oldRunIn为undefined时，下面代码的输出与触发效果时的预期一致: 效果正在运行 setState 正在运行 但是，下一次 useEffect 运行时定义了状态变量 runInArrow，在 setState 函数中称为 oldRunInArrow，输出为: 效果正在运行 setState 正在运行 setState 正在运行 setStat
..
适当的帮助程序或自定义 React 钩子来添加和初始化 Firebase
我正在尝试将 Firebase 连接到我的项目.为了使代码更简洁、更可重用，我想将 Firebase 代码添加到帮助程序或自定义挂钩中. 这是我目前所拥有的: useFirebase.ts import { useState, useEffect } from 'react';从“firebase/app"导入 firebase；导入'firebase/analytics'；导入“f
..
在 React 中覆盖 Material UI 中的样式
我在 React 的 Material UI 中覆盖主题中的样式时遇到问题.我想自定义 columnsContainer 的 border 但它不起作用.只有 root 运行良好. 在此处查看 Codesanbox MuiDataGrid.js 出口默认{根: {背景颜色:“白色"，边框:`1px纯绿色`，& &.columnsContainer":{borderBottom:`1p
..
onClick ={ () => 和 onClick 有什么区别?function()} 和 onClick = {function()}?
这段代码有什么区别: props.submitHandler(searchInputValue)}>Submit 和 Submit 区别在于第一个有括号，第二个没有.没有括号，我的应用程序似乎无限期地重新渲染.谁能给我解释一下? 解决方案 在第一个: props.submitHandler(searchInputValue)}>Submit 这是箭头函数，它只会在点击按钮时触发
..
在反应中从另一个钩子调用钩子
我对做出反应并试图简化一些开发工作还很陌生. 我有这个自定义钩子 useApi. import {useState} from "react";从“petstore-axios-api"导入 {PetsApiFactory}从“@react-keycloak/web"导入 {useKeycloak}；const petsApi = new PetsApiFactory({}, `${pro
..
何时使用类组件，何时使用功能组件
我刚开始反应.当我去面试时，他们问我什么时候使用类组件，什么时候使用函数式组件?我不知道这个问题的答案.我知道两者之间的区别二、如何最好地回答这个问题? 解决方案 在当前的 post-hooks 时代，答案很简单:你总是使用函数组件.
..
React JS - 如何在状态更新之前阻止渲染 [Hooks]
我有一个从 API 获取数据以向用户显示一些详细信息的组件: const ItemDetail = ({match}) =>{const [item, setItem] = useState(null);useEffect(() => {const abort = new AbortController();fetchItem(中止);返回函数清理(){abort.abort();}},[]);
..
为什么我的 React 组件在初始加载时渲染两次?
我有一个名为 (First) 的功能组件 function First() {const [count,setCount]=useState(0)console.log("component first rendering")//这个日志记录发生了两次返回 (
第一个组件)} 当我最初运行应用程序时，console 语句记录了两次，为什么它应该只记录一次，因为我没有明确更新状态.
..
React Hooks useEffect，添加依赖触发无限循环
在我的 useEffect 内部，我有一个道具依赖项 (setIsValid).当我将此依赖项添加到 useEffect 时，它会陷入无限循环. 调用子组件时的父级: const setIsValid = (bool) =>{const tmpStateCopy = Object.assign({}, state);tmpStateCopy.isValid = bool;设置状态(tmpS
..
React Hooks - useReducer:在触发函数之前等待减速器完成
我有使用 useReducer 钩子的组件: const init = {statA:真的，状态B:真};const reducer = (state, action) =>{开关(动作.类型){案例“行动A":返回 { ...状态，statA:！state.statA };案例“ActionB":返回 { ...状态，statB:！state.statB };默认:返回状态；}};const
..