使用React Hooks更新滚动

文章/答案/技术大牛

发布

2回答

javascript、reactjs、react-hooks

我试图根据个人是否在组件上向下滚动来控制React组件的可见性。可见性作为"in“属性传递给Fade元素。我已经使用添加了侦听器onMount的UseEffect钩子设置了一个侦听器。实际的onScroll函数应该更新scrollTop状态(这是页面顶部高度的当前值)，然后更新滚动状态(它将事件滚动到页面顶部的滚动与前一个状态进行比较，如果第一个状态大于第二个状态，则返回true)。但是，由于某些原因，setScrollTop钩子不工作，<

浏览 28提问于2019-08-12得票数 22

回答已采纳

3回答

未在VS代码中显示的react钩子/详尽的-dep

reactjs、react-hooks、eslint

我有一个包含以下规则的.eslintrc文件： "prettier/prettier": "error", "react-hooks/exhaustive-deps": "error", "no-c

浏览 10提问于2022-02-10得票数 3

2回答

在子组件上重新启动ScrollView位置重新渲染(更新)

reactjs、react-native、react-redux、scrollview

我遇到了一个问题(这可能是我在渲染周期中忽略的问题)，当它的一些子组件更新时，维护两个不同滚动视图的位置。</ScrollView>所以，内部单元格的更新是在单元格状态更新时重置两个滚动，这会产生一种超级奇怪的体验，用户必须向下/向左/向右滚动才能继续与具有我的状态的单元矩阵交互我尝试使用useState保存scrollOffset (x，y)，但如果我更改了某些单元格，状态将

浏览 1提问于2020-05-09得票数 3

2回答

useScrollToTop不会在useEffect工作吗？(反应本地世博会)

javascript、reactjs、react-native

每次使用useEffect函数触发useScrollToTop时，我都试图滚动到屏幕的顶部。但是，当我试图在useEffect中使用该函数时，会出现以下错误：3.我想做的就是每次useEffect被触发时，滚动到屏幕的顶部

浏览 9提问于2021-06-11得票数 1

回答已采纳

1回答

带有react的useEffect的测试钩子.测试库

reactjs、testing

isAuthenticated; }, [data]); } import { renderHook } from "@testing-library/react-hooks

浏览 5提问于2022-08-16得票数 0

1回答

React Hooks函数更新

reactjs、react-hooks

React的文档(https://reactjs.org/docs/hooks-reference.html#usestate)有这个例子： function Counter({initialCount

浏览 11提问于2019-12-22得票数 1

回答已采纳

1回答

使用React Hooks更新状态数组

javascript、reactjs

每次用户选择on选项时，我必须更新包含问题答案的数组，如果该数组与用户回答的问题相同，则覆盖旧答案。

浏览 5提问于2019-11-02得票数 0

回答已采纳

1回答

Redux商店没有同步更新吗？

reactjs、redux

(使用Redux和React)onClick={ () => {console.log(someVar);}} 其中，updateValue()发出一个将商店中的someVar值更新为10的操作。这是因为console.log在存储更新触发React组件重新呈现之前运行，这就是为什么我们仍然看到旧值的原因吗？(在组件重新呈现之后，值确实是10)。

浏览 4提问于2021-03-10得票数 0

回答已采纳

1回答

使用React Hooks Helper设置多步表单的状态(链接到codesandbox)

javascript、arrays、reactjs、react-native、react-hooks

我正在尝试使用react hook helper.Unable构建一个注册页面，以使用SetForm来存储生成的base64字符串。file=/src/Second.js MultiStepForm.js import { useForm, useStep } from "react-hooks-helper" }) //this works...wrong w

浏览 25提问于2020-09-11得票数 0

回答已采纳

1回答

我的React应用程序页面滚动到顶部是丑陋的。有没有不滚动的scroll方法？

reactjs、react-router

我知道react是一个单页面的应用程序。有没有一种scroll方法，默认情况下不滚动页面，而是在页面顶部？或者可以使用什么技巧来做到这一点呢？useEffect(()=>{ // eslint-disable-next-line react-hooks/exhaustive-deps},[]) 更清楚的是：我访问一个页面，然后滚动到页面底部。当我使用链接转到其他页面

浏览 16提问于2021-11-09得票数 0

回答已采纳

2回答

我正在使用react useState钩子，但它不起作用

reactjs、react-hooks

我刚刚读到关于钩子的react的新特性hooks.Read，但是我不能使用它。它给了我

浏览 51提问于2019-02-05得票数 1

1回答

成帧运动库“挂钩”不与试剂一起使用

reactjs、react-hooks、reagent、framer-motion

成帧器运动的路径标签可以与useViewportScroll一起使用，以创建滚动信息路径。Hooks can only be called inside of the body of a function component.You might have mismatching versions of React and the renderer (such as React DOM)3.但是当我<e

浏览 23提问于2020-06-23得票数 0

2回答

向上滚动视图时显示视图

reactjs、react-native、scrollview、react-hooks、react-typescript

如何在滚动视图中限制视图的数量。我的组件渲染花费了太多时间，因为map函数渲染了太多视图。我只需要显示10个视图，当向上滚动时，渲染更多的10个。我使用的是react native、hooks和typescript。

浏览 33提问于2019-12-12得票数 0

回答已采纳

1回答

redux正在react挂钩中调度prevState值

reactjs、redux、react-redux

在我的实现中，我通过向父组件发送数据来做到这一点，在卸载时，我传递了一个回调，在该回调中，父组件将状态调度到redux，当子组件再次挂载时，我使用useSelector来获取redux值。但我面临的问题是，redux发送的是prevState值，而不是更新值。当我第二次卸载组件时，更新的值被调度我附上了codesandbox链接 https://codesandbox.io/s/react-redux-with-hooks-forked-hp79o?

浏览 19提问于2020-11-11得票数 0

1回答

如何限制DetailsList中项目行的最大数目？

javascript、reactjs、office-ui-fabric

如何告诉只显示X行和用于访问其余部分的滚动条？我肯定我只是错过了一些很明显的东西。我可以在styles中为root传递它，但这会导致垂直滚动条和水平滚动条，而且我确信这不是使用UI Fabric的正确方法。/16.12.0/umd/react-dom.production.min.js"></script> <script src="//unpkg.com/office-ui-fabric-<

浏览 4提问于2020-03-24得票数 0

回答已采纳

3回答

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

javascript、reactjs、typescript、react-hooks、apollo-client

res } setAllRoles(res); });"dependencies": { "@aws-amplify/api": "^4.0.13",

浏览 4提问于2021-11-23得票数 4

1回答

为什么React认为我的类方法是钩子？

reactjs

刚把react从v16更新到v17，得到了错误，编译失败。 Line 37:9: React Hook "Api.useAuth" is called conditionally.React Hooks must be called in the exact same order in every component renderreact-hooks/rules-of-hooks Line 47:9: R

浏览 31提问于2021-01-20得票数 0

回答已采纳

1回答

使用onChange更新组件。React-Hooks

javascript、reactjs、react-hooks

来自搜索栏的输入是使用setState存储的，当我更改文本输入中的值时，它就会更新。import Dropdown from '../SearchBar.css'; // Component created with arrow function making

浏览 0提问于2019-12-07得票数 1

回答已采纳

1回答

React Hook "useState“在既不是React函数| Typescript的函数中调用

reactjs、typescript、react-hooks、react-typescript

const Container: React.FC<Props> & {Element: React.FC<ElementProps>} = () => { return <Container.Element

浏览 50提问于2020-12-31得票数 0

回答已采纳

1回答

在使用和扩展‘eslintrc.js airbnb’的同时，我是否必须在eslintrc.js配置中使用和“扩展”eslint-plugin-react？

reactjs、react-typescript、eslint-config-airbnb

我更新了我的Eslint规则使用airbnb在我的反应类型成绩单项目。我的项目不使用“create app”。所以我必须扩展airbnb，因为我也在使用和扩展airbnb-typescript。eslint-plugin-react和eslint-plugin-react-hooks是eslint-config-airbnb的对等依赖关系。那么我需要扩展plugin:react/recommended'吗？/recomm

浏览 3提问于2022-07-05得票数 0

点击加载更多