使用React钩子反转数组

文章/答案/技术大牛

发布

5回答

javascript、reactjs、ecmascript-6、react-hooks

使用javascript有没有快速交换数组中两项的方法？isTrue); 但是假设我有一个数组 // I want to swap the items in the array on a click const [trueOrFalse, setTrueOrFalse] = useState([true, false]); 如果数组中有两个项，有没有一种快速的方法来交换数组中的项，如果有两个项，有没有一种快速的方法来交换这些项 setTrueOrFalse(!

浏览 52提问于2019-02-05得票数 4

回答已采纳

2回答

从外部调用React setState挂钩(DOM/Google Maps)

javascript、reactjs、react-hooks

我正在构建一个使用各种useState()钩子的函数React组件。它们中的每一个都提供了一个状态和一个可以被调用来更新它的函数。这在react本身内部工作得很好。我认为问题在于setState钩子无法获取最新状态，而是使用初始状态。翻转bool 1将反转它，但再次翻转它而不考虑以前的更改不会更新任何内容。我已经设法解决了这个问题，方法是实现一种状态，在DOM中的数据属性上设置布尔值(然后反转该布尔值)，但我认为这是一个相当丑陋的解决方案。我应该如何从

浏览 1提问于2019-08-06得票数 0

1回答

如何在使用function和类型记录的函数中使用use钩子？

reactjs、typescript

我想在函数中使用useHook，它说useHook是在一个既不是react函数组件也不是自定义react钩子的函数中使用的。现在它抛出错误反应钩子Rea

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

回答已采纳

2回答

使用React钩子时出现UseState错误

reactjs、react-hooks

我正在使用钩子，但是我得到了这个错误第25行:在既不是React函数组件也不是自定义React钩子函数的"contact“函数中调用React Hook "React.useState”第26行:在既不是React函数组件也不是自定义React钩子函数的"contact“函数中调用React Hook "React

浏览 2提问于2019-08-03得票数 1

1回答

我在使用react路由器dom的react应用程序中遇到了问题，并且有像authaPage这样的寻呼路由，

reactjs、react-router-dom

React钩子"useState“在函数"authPage”中调用，该函数既不是React函数组件，也不是自定义React钩子函数react-hooks/钩子规则。在authPage路由组件中使用useState挂钩时显示此错误

浏览 13提问于2020-08-30得票数 0

1回答

React本机导航useTheme()

javascript、reactjs、react-native、expo、stylesheet

import { StyleSheet } from "react-native"; }) 访问组件中的样式 import Reactfrom "react"; import Globa

浏览 25提问于2020-12-12得票数 2

回答已采纳

1回答

使用useCallback在useFocusEffect中响应导航useFocusEffect发出无效的钩子调用

reactjs、react-native、react-navigation-v6

React导航V6文档展示了在useFocusEffect中使用useCallback的示例。然而，当我使用相同的代码时，我会遇到无效的钩子调用。return () => unsubscribe(); ); }有三个共同的原因，你可能看到它

浏览 10提问于2021-11-16得票数 3

1回答

Redux不适用于React本机类组件。

reactjs、react-native、redux、react-hooks、react-class-based-component

这个视图不适用于redux，我需要在react类组件中使用redux分派，但是我得到了错误import React from "react"; Text, import{ useSelector, us

浏览 8提问于2022-08-15得票数 0

1回答

获取错误:钩子只能在函数组件的主体内调用

reactjs、react-hooks

我正在为我已经使用过的React.useRef开发setInterval功能，但是当我运行页面时，我得到了这个错误。import * as React from "react";import {GameDataStore, GameDataStorePayloadclearintervaltimer : string; inter

浏览 2提问于2020-07-07得票数 0

4回答

自定义react钩子的属性类型

reactjs

随着react钩子的到来，我们是否应该为React自定义钩子使用prop-type，例如， import React from 'react'; React.useEffect(() => { }, [

浏览 34提问于2019-01-22得票数 21

1回答

从自定义钩子到saga的数据

reactjs、redux、react-hooks、react-redux、redux-saga

现在，我已经将一个国家数组从一个商店移到了一个用rectQuery调用API的定制钩子上。错误: React "useCountries“在函数"onSearchInit”中被调用，该函数既不是React函数组件，也不是自定义React函数。React组件名称必须以大写字母开头。名称必须以“使用

浏览 6提问于2022-07-28得票数 1

1回答

多步验证var

javascript、reactjs、redux、frontend

我想在我的React Redux应用程序中实现valdiate方法。我有一个还原器，它为状态添加了一些元素，但我需要验证这一点：function addDeviceToProtocol (e) { [flag, setFlag] = useState(console.log(error); if(Flag == 1){ }但我有个错误：未登录错误:无效钩子</e

浏览 2提问于2021-01-02得票数 2

回答已采纳

1回答

react函数组件和常规函数有不同的基本原理吗？

javascript、reactjs、components、mern

但在react官方文档中，功能组件没有'this‘。据我所知，react功能组件与普通功能相同，当我们编写功能组件时，react不会识别哪些是常规函数，哪些是组件，那么函数支持“this”而功能组件不支持“this”是什么意思？

浏览 7提问于2021-05-27得票数 0

1回答

在另一个函数中使用useCallback可以吗？

reactjs、typescript、react-hooks

我有(TypeScript)代码，如下所示： const[state1, setState1] = React.useState<string | undefined>(''); const [state2, setState2] = React.useState<string | undefined>('');

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

回答已采纳

2回答

是否必须返回JSX才能使函数成为React函数

reactjs、react-hooks

错误:React钩子"useInput“在不是React函数组件的函数"main”中调用 }; } 错误:React钩子</

浏览 1提问于2019-09-03得票数 1

1回答

React:在常规函数中使用自定义钩子

reactjs、react-hooks

我想在一个常规函数中使用我的自定义钩子，如下所示，但是React不让我这么做。我想知道是不是我的useUrl自定义钩子无效，或者调用钩子有问题。localhost:1337/formations', newFormationList) setModalOpen(false)} 这会给我以下错误： React Hook &qu

浏览 91提问于2021-08-29得票数 1

4回答

当有条件地使用react钩子时，为什么eslint-plugin-react-hooks没有警告？

reactjs、eslint

我正在使用react 16.8和eslint - .When -react- hooks 1.6.0插件，我有条件地使用钩子，我希望eslint会警告我。"rules": { "react-hooks/exhaustive-deps": "warn"

浏览 0提问于2019-04-28得票数 15

2回答

如何修复React和React缺少一个依赖项：“分派”

javascript、reactjs、react-redux、react-hooks、use-effect

React useEffect缺少一个依赖项：“调度”。要么包含它，要么删除依赖数组react/react。我在以下功能组件上使用React中的useDispatch()钩子： const dispatch = useDispatch(); <div>Hello {userName}</div>

浏览 3提问于2020-02-11得票数 6

1回答

react钩子背后的JavaScript机制是如何工作的？

javascript、reactjs、react-hooks

我的问题与使react挂钩成为可能的Javascript机制有关。 React的最新发展让我们可以创建钩子，即。返回一个带有访问器和赋值函数的数组，我们在应用程序函数中通过数组分解来使用它们。(val) { } } 当您在JS中尝试这种方法时，它不会起作用-如果您在某个地方使用setValue，则从数组中分解出来的值将不会更新我的问题是钩子

浏览 19提问于2018-12-22得票数 14

回答已采纳

1回答

不变形冲突:钩子只能在函数组件的主体内调用。

reactjs、import、react-hooks

，正如它在标题中所说的，我似乎不能使用钩子import { hot } from 'react-hot-loader'; import Playground from '../playground/index';

浏览 2提问于2019-03-09得票数 0

回答已采纳

点击加载更多