react-hooks相关内容
我有以下代码: import React, { useState, useEffect } from "react";function callSearchApi(userName: string, searchOptions: SearchOptions, searchQuery: string): Promise{返回新的承诺((解决,拒绝)=> {常量搜索结果 =searchOptions
..
我一直单独使用 React 和 D3,现在有一个项目,我需要对应用程序的绘图功能进行低级别控制.基本上,我需要能够在用户放大时从数据库中获取更高分辨率的数据,反之亦然,当用户缩小时,在绘图上. 我找到了几种将 D3 和 React 结合使用的方法.我想尝试保留基于 hooks API 的所有 React 代码,因为它用于其余代码库.我正在努力为我面临的特定情况获得等效的钩子.React ho
..
我尝试使用类名创建 AppBar,将其夹在页面顶部并悬停在其他带有 React Hooks 和 Material Ui 的 Drawer 上.全部如:https://material-ui 中所述.com/demos/drawers/#clipped-under-the-app-bar 所以我们有 const useStyles = makeStyles(theme => ({根: {显示
..
我们目前正在将前端从 jQuery 迁移到 Reactjs.NET.我们使用的是 React 16.8,它允许我们使用 React Hooks 而不是类. 我们成功地设置了我们的项目,并首先尝试使用类和服务器端渲染效果很好,但我的团队更喜欢使用 React Hooks.我尝试使用 Webpack + Babel 来转译 .jsx 文件,因为它不再使用剃刀助手 @Html.React(),但我
..
我正在学习如何使用 React 并开始使用类并决定改用 Hooks.我相信我已经正确地绘制了所有内容,但是我非常不确定如何使用 useEffect 构建我的 axios.post 以处理多个用户输入. import React, { useState, useEffect } from 'react'从 'axios' 导入 axiosconst 注册 = () =>{const [custom
..
首先我有两个问题,如何在钩子中添加/更新 JSON 项目?另一个是 React 不允许我使用从以前的 JSON 文件中存储的名称. 我对其他解决方案持开放态度,基本上,因为我的输入字段是从 JSON 文件动态生成的,我不确定存储或访问输入到其中的数据的最佳方式我认为将它们存储在反应钩子中JSON 然后将它们作为道具传递给另一个组件可能是最好的. 我想要发生的是 onChange 我希望
..
我正在尝试将 React Native 的类组件转换为涉及 useRef 的功能组件.以下是类组件: import React, { Component } from "react";import { AppRegistry, StyleSheet, Text, View, Animated, TouchableWithoutFeedback } from "react-native";impo
..
我在 useEffect 钩子中有 fetch 方法: export const CardDetails = () =>{const [ card, getCardDetails ] = useState();const { id } = useParams();useEffect(() => {获取(`http://localhost:3001/cards/${id}`).then((res)
..
我有一个用 tsx 编写的页面,它在加载时不断崩溃并出现错误 client.watchQuery cannot be called with fetchPolicy set to “standby",即使有问题的查询是 useLazyQuery(所以它尚未运行),并且具有选项 fetchPolicy: 'no-cache'.它对我来说崩溃了,但对我的队友却没有,这让我认为这可能与我本地打字稿的包版
..
查看 React 的 useMemo 文档.他们说当你需要计算昂贵的计算时使用它. 这种优化有助于避免每次渲染时进行昂贵的计算. 我查看了他们提供的 memoized link 以及什么我的理解是你可以把它想象成一个缓存. 我不是计算机科学专家,但我知道记忆法是计算fibonacci 我仍在尝试更好地理解为什么以及如何使用 useMemo,但我仍然不清楚一些事情. 什
..
问题 假设您有一个带有数据库侦听器的屏幕,该侦听器是在 useEffect 中创建的,此侦听器的目的是增加屏幕中的计数器,就像这样: (仅使用 useEffect 钩子,无依赖) function MyScreen(props) {const [magazinesCounter, setMagazinesCounter] = useState(0);const handleMagaz
..
我已经使用钩子一段时间了,但我从来没有完全理解为什么 React 强迫我在 useEffect 中包含一些我不想要的依赖项. 我理解 useEffect 钩子的“依赖关系"的方式 添加您想要“聆听"的值,只要它们发生变化并触发您的效果.这与一个简单的效果完美配合: import React, {useEffect, useState} from "react";界面道具{id:字符串
..
我想以可靠的方式找出 DOM 元素的尺寸. 我的考虑是为此使用 getBoundingClientRect. const elementRef = useRef();const 元素:HTMLUListElement |null = elementRef.current;/*** 更新维度状态.*/const updateDimensions = useCallback(() => {如
..
我有两个组件.父母和孩子. 在父组件内,我有一个按钮.如果用户单击该按钮,我想对子组件内的另一个按钮执行 ScrollIntoView. 我想我想定义对子按钮 a 的引用,以便我在父按钮 onClick 中可以执行以下操作: ref.scrollIntoView({block: 'end', behavior: 'smooth'}); 这将滚动到子组件中的按钮. 这是一个缩小
..
当我在父函数中定义钩子状态时,我在第一次按键时失去了输入字段的焦点.我需要根函数中的状态定义. import React, { useState } from 'react'功能测试1(道具){const [test, setTest] = useState({value1: "", value2:""});const 测试 = () =>{const handleChange= (e) =>{
..
我正在尝试使用 React Hooks 中的 [useState} 从下拉选择中获取文本值.我只得到值(数字)而不是文本.我已经复制了下面控制选择下拉列表的代码位.我在这里错过了什么?谢谢. const [addrtype, setAddrType] = useState('Home')函数 handleAddrTypeChange(e) {setAddrType(e.target.value)
..
下面的代码演示了我如何尝试使用反应钩子实现反应的上下文,这里的想法是我将能够像这样轻松地从任何子组件访问上下文 const {authState, authActions} = useContext(AuthCtx); 首先,我创建了一个导出上下文和提供程序的文件. import * as React from 'react';const { createContext, useState
..
我正在从新闻 API 获取数据并在完成后将其存储在我的状态中,然后还将状态值作为道具传递给子组件. API 返回的数据是一个对象数组.我只想将该数组(现在处于我的状态)的一个元素(对象)传递给我的子组件.因此,我通过使用数组常规遍历方法 ([]) 传递一个元素来做到这一点,但不幸的是,当我尝试在子组件中使用 useEffect 钩子来控制台记录道具(有效)时,我无法从钩子和组件主体访问我的元
..
需要帮助~ 我有两个组件,我用 React.memo 包裹了 Parent: 孩子 const Child = ()=>
我是孩子
{props.children}导出默认 React.memo(Parent) 在应用中使用: const App = () =>{cons
..
我正在尝试使用 React 钩子来解决一个简单的问题.我相信解决方案很愚蠢,但我没有看到.我试图在我的 package.json 中查看但没有找到解决方案.而且我很确定我正在以一种很好的方式宣布我的状态. import React, { useEffect } from "react";导入“./App.css";从“./gettyimages-83457444-612x612.jpg"导入
..