react-hooks相关内容

使用 React 钩子防止 React 重新渲染 D3 图表

我一直单独使用 React 和 D3,现在有一个项目,我需要对应用程序的绘图功能进行低级别控制.基本上,我需要能够在用户放大时从数据库中获取更高分辨率的数据,反之亦然,当用户缩小时,在绘图上. 我找到了几种将 D3 和 React 结合使用的方法.我想尝试保留基于 hooks API 的所有 React 代码,因为它用于其余代码库.我正在努力为我面临的特定情况获得等效的钩子.React ho ..
发布时间:2021-12-31 16:23:48 其他开发

如何在 ReactJS.NET 中使用 React Hooks?

我们目前正在将前端从 jQuery 迁移到 Reactjs.NET.我们使用的是 React 16.8,它允许我们使用 React Hooks 而不是类. 我们成功地设置了我们的项目,并首先尝试使用类和服务器端渲染效果很好,但我的团队更喜欢使用 React Hooks.我尝试使用 Webpack + Babel 来转译 .jsx 文件,因为它不再使用剃刀助手 @Html.React(),但我 ..

使用 React Hooks 创建具有多个输入的 axios 帖子

我正在学习如何使用 React 并开始使用类并决定改用 Hooks.我相信我已经正确地绘制了所有内容,但是我非常不确定如何使用 useEffect 构建我的 axios.post 以处理多个用户输入. import React, { useState, useEffect } from 'react'从 'axios' 导入 axiosconst 注册 = () =>{const [custom ..
发布时间:2021-12-31 16:23:26 其他开发

如何在 React 钩子中创建一个新的 JSON 对象?

首先我有两个问题,如何在钩子中添加/更新 JSON 项目?另一个是 React 不允许我使用从以前的 JSON 文件中存储的名称. 我对其他解决方案持开放态度,基本上,因为我的输入字段是从 JSON 文件动态生成的,我不确定存储或访问输入到其中的数据的最佳方式我认为将它们存储在反应钩子中JSON 然后将它们作为道具传递给另一个组件可能是最好的. 我想要发生的是 onChange 我希望 ..
发布时间:2021-12-31 16:23:17 前端开发

client.watchQuery 无法在 fetchPolicy 设置为“standby"的情况下调用;-- 从 useLazyQuery 加载页面时抛出的错误

我有一个用 tsx 编写的页面,它在加载时不断崩溃并出现错误 client.watchQuery cannot be called with fetchPolicy set to “standby",即使有问题的查询是 useLazyQuery(所以它尚未运行),并且具有选项 fetchPolicy: 'no-cache'.它对我来说崩溃了,但对我的队友却没有,这让我认为这可能与我本地打字稿的包版 ..
发布时间:2021-12-31 16:22:51 前端开发

useMemo 钩子的用例

查看 React 的 useMemo 文档.他们说当你需要计算昂贵的计算时使用它. 这种优化有助于避免每次渲染时进行昂贵的计算. 我查看了他们提供的 memoized link 以及什么我的理解是你可以把它想象成一个缓存. 我不是计算机科学专家,但我知道记忆法是计算fibonacci 我仍在尝试更好地理解为什么以及如何使用 useMemo,但我仍然不清楚一些事情. 什 ..
发布时间:2021-12-31 16:22:41 其他开发

React Hooks + Firebase Firestore onSnapshot - 正确使用带有反应钩子的 Firestore 侦听器

问题 假设您有一个带有数据库侦听器的屏幕,该侦听器是在 useEffect 中创建的,此侦听器的目的是增加屏幕中的计数器,就像这样: (仅使用 useEffect 钩子,无依赖) function MyScreen(props) {const [magazinesCounter, setMagazinesCounter] = useState(0);const handleMagaz ..

是“useEffect 缺少依赖项"吗?警告有时出错?

我已经使用钩子一段时间了,但我从来没有完全理解为什么 React 强迫我在 useEffect 中包含一些我不想要的依赖项. 我理解 useEffect 钩子的“依赖关系"的方式 添加您想要“聆听"的值,只要它们发生变化并触发您的效果.这与一个简单的效果完美配合: import React, {useEffect, useState} from "react";界面道具{id:字符串 ..
发布时间:2021-12-31 16:22:18 前端开发

React Hooks - 将 ref 传递给 child 以使用 ScrollIntoView

我有两个组件.父母和孩子. 在父组件内,我有一个按钮.如果用户单击该按钮,我想对子组件内的另一个按钮执行 ScrollIntoView. 我想我想定义对子按钮 a 的引用,以便我在父按钮 onClick 中可以执行以下操作: ref.scrollIntoView({block: 'end', behavior: 'smooth'}); 这将滚动到子组件中的按钮. 这是一个缩小 ..
发布时间:2021-12-31 16:21:37 其他开发

处理 React Hooks 中的选择选项

我正在尝试使用 React Hooks 中的 [useState} 从下拉选择中获取文本值.我只得到值(数字)而不是文本.我已经复制了下面控制选择下拉列表的代码位.我在这里错过了什么?谢谢. const [addrtype, setAddrType] = useState('Home')函数 handleAddrTypeChange(e) {setAddrType(e.target.value) ..
发布时间:2021-12-31 16:21:17 其他开发

在打字稿中使用带有反应钩子的反应上下文

下面的代码演示了我如何尝试使用反应钩子实现反应的上下文,这里的想法是我将能够像这样轻松地从任何子组件访问上下文 const {authState, authActions} = useContext(AuthCtx); 首先,我创建了一个导出上下文和提供程序的文件. import * as React from 'react';const { createContext, useState ..
发布时间:2021-12-31 16:21:00 其他开发

如何从 Reactjs 中的 useEffect 钩子访问道具

我正在从新闻 API 获取数据并在完成后将其存储在我的状态中,然后还将状态值作为道具传递给子组件. API 返回的数据是一个对象数组.我只想将该数组(现在处于我的状态)的一个元素(对象)传递给我的子组件.因此,我通过使用数组常规遍历方法 ([]) 传递一个元素来做到这一点,但不幸的是,当我尝试在子组件中使用 useEffect 钩子来控制台记录道具(有效)时,我无法从钩子和组件主体访问我的元 ..
发布时间:2021-12-31 16:20:50 前端开发

'useState' 未定义 no-undef React

我正在尝试使用 React 钩子来解决一个简单的问题.我相信解决方案很愚蠢,但我没有看到.我试图在我的 package.json 中查看但没有找到解决方案.而且我很确定我正在以一种很好的方式宣布我的状态. import React, { useEffect } from "react";导入“./App.css";从“./gettyimages-83457444-612x612.jpg"导入 ..
发布时间:2021-12-31 16:20:12 前端开发