我有以下问题:我想在滚动发生时更新状态。我使用了以下解决方案： React.useEffect(() => { window.addEventListener('scroll', scrollEvent) }, []) 我的状态是： const[scrollAmount, setScrollAmount] = React.useState(0); 我的scroll事件的事件处理程序： const scrollEvent = () => setScrollA
浏览 107提问于2021-01-31得票数 1
回答已采纳
1回答
因此，这里的代码在每次刷新后都会更新高度的值(每当屏幕大小改变时)。不知道为什么会发生这种情况，因为setHeight没有被用来更新高度的值。import React, { useState } from "react";
import ".
浏览 4提问于2022-11-05得票数 1
回答已采纳
为此，我使用window.addEventListener('scroll', () => checkSection(scrollSection, setScrollSection))传递从React.useState(0)返回的两个变量，然后从事件侦听器中检查window.scrollY属性是否大于scrollSection状态中的值，如果是这样，则使用js进行转换。但是，不管我做了什么，为更新状态提供的函数不是更新
浏览 3提问于2022-12-03得票数 -1
回答已采纳
1回答
反应钩状态不匹配
、、
但是，当我从使用钩子的组件更改状态时，我确实从控制台日志中看到状态更改，但一旦我开始滚动状态，状态的原始值为true。更奇怪的是，工具与控制台日志输出不匹配。import React, { useEffect } from 'react'; console.log(`useExample status: ${status}`); <em
浏览 4提问于2020-10-22得票数 0
如何在滚动元素中添加类以响应js，我想在滚动中添加类，如果在页面上删除该类。import React from "react"import { prefixLink } from "gatsby-helpers"import { config } from "
浏览 4提问于2017-05-26得票数 15
回答已采纳
const Hello = () => { let canvas = React.useRef()let add = () => { alert(counter) React.useEffect(() => {window.onkeydown = add return <div><h1>{counte
浏览 3提问于2020-07-29得票数 1
回答已采纳
有一个React组件，我想使用钩子将其重构为一个功能组件。const func1 = (e: React.MouseEvent<HTMLDivElement>, c: number) => { window.addEventListenerfunc2是在拖动鼠标时由事件侦听器调用的东西。整个函数非常复杂，所以我希望最小的重组。如何让func2获得新版本的idx
*编辑:由于某些原因，这被标记为的副本--在我的示例中，
浏览 2提问于2022-08-19得票数 0
回答已采纳
1回答
在我的应用程序中，有一个导航条在用户滚动到某个点后弹出。我使用两个单独的导航条定义当前滚动位置，如下所示： if (window !setScroll(posHeight) : setScroll(0) }; const [scroll,'menu-2 show' : 'menu-2'
<Navbar className={nav
浏览 1提问于2022-04-06得票数 2
回答已采纳
4回答
我有一个自定义的钩子来将use状态变量的状态从true更改为false，并且我想在单击按钮时更改它以显示和隐藏div，这是如何做到的？import { useEffect, useState } from 'react';
constuseEffect(() => { setShowFilter(true);
浏览 15提问于2022-11-14得票数 0
回答已采纳
1回答
在Piano组件中，我使用钩子(useWindowDimensions())获取窗口的尺寸。在useEffect中，每当窗口宽度发生变化时，我都希望呈现组件。每次宽度发生变化时，它都会重新呈现组件(因为keyData依赖于它，并且它在dependencyList中)，但是没有在初始呈现中呈现。所以组件在我调整窗口的大小之前不会呈现。const svgRef = React.useRef(null);
const svgEl = d3.
浏览 4提问于2021-10-01得票数 0
回答已采纳
1回答
我正在使用react和lodash的debounce方法。当用户调整窗口大小时，我遇到的问题是更新状态。我遇到的问题是，当用户在此函数中调整窗口大小时，this指的是window而不是组件：我尝试过设置cardElWidth: null this.delayedCallback = debounce(this.setCardWidth, 1000);
浏览 0提问于2018-10-19得票数 4
回答已采纳
2回答
我尝试(npm)安装react-scroll-listener，但是我无法让它与我的ES6类一起工作。import config from '../config';import ScrollListener f
浏览 3提问于2016-08-17得票数 18
回答已采纳
接近一个传递的isModalOpened，因此只有当isModalOpened为真时，单击状态才会更新。ref.current.contains(e.target) && isModalOpened) { } window.addEventListener('mousedown', clickOut);
window.
浏览 3提问于2020-11-14得票数 3
我有一个回调函数，在其中我设置了一些状态。这个州似乎变异得很好。但是，我不能引用回调函数中的更新状态--它总是打印出初始状态。因此，我的问题是为什么会发生这种情况，如果我想检查回调中的更新状态，应该如何进行？import React, { useState, useEffect } from "react"; c
浏览 0提问于2020-01-23得票数 4
回答已采纳
我需要找到一种方法，既可以使用在函数组件中声明的变量，也可以在mousemove eventlistener上的回调函数中使用函数组件的部分属性。到目前为止，我已经有了下面的代码，但是看起来在onHover函数中属性并没有更新。 完整的组件比这个示例代码稍微复杂一些，但下面的示例是显示我的问题的最基本的方式。在初始化时，属性中的值将是1，而在onHover函数中，即使有更改并重新呈现，它也保持为1，而在组件的其他地方，它显示正确的值2。 有没有办法确保
浏览 16提问于2021-10-11得票数 0
我有以下代码，我收到了两个警告： import GravatarList from &q
浏览 7提问于2022-02-09得票数 3
{ <Content> </Content>)return ( 2
</Content>) 我使用了react
浏览 36提问于2020-07-17得票数 0
2回答
我使用以下代码(实际上正在工作)：import ReactDOM from "https://cdn.skypack.dev/react-dom";
const useMouseDelta = (initialWidth('mousedo
浏览 3提问于2021-07-15得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
