使用功能组件中的useState反应无效钩子调用错误

文章/答案/技术大牛

发布

1回答

无法在React中使用"useState“功能组件

javascript、reactjs、react-hooks

我有一个带有useState钩子的反应性功能组件。我已经创建了一个index.html，在这里我将welcome.js作为脚本标记的源。当这个

浏览 0提问于2019-07-25得票数 3

1回答

在firebase应用程序中使用react钩子时无效的钩子调用错误

reactjs、firebase、react-hooks

我正试着让别人对我的工作有所反应。以下是功能组件： const [foo, setFoo] = useState(0); return foo;}useHooksExample(); 错误:无效钩子调用。钩子只能在函数组件的主体内<em

浏览 3提问于2019-12-26得票数 1

回答已采纳

1回答

如何修复“无效钩子调用”(TypeScrtipt)错误？

javascript、reactjs、typescript、react-hooks

我得到了错误：“无效的钩子调用。钩子只能在函数组件的主体内调用。”在反应功能方面： items: any[] const ItemsList有人能告诉我错误在哪里吗？

浏览 4提问于2021-01-14得票数 0

回答已采纳

1回答

有人能明白为什么我会得到一个“无效钩子”错误吗？我试了又试，看不出问题出在哪里

reactjs

我是新的反应，但在早些时候，我改变了一些东西，无论我如何剥去我的代码，使我的基本的钩，我似乎无法逃避这个错误。您可能有React的不匹配版本和呈现器(例如React )，您可能正在违反Hooks的规则，您可能在同一个应用程序中有多个React副本。这

浏览 4提问于2022-06-18得票数 0

回答已采纳

1回答

带有类型记录的Next.js :无效的钩子调用。只能在函数组件的主体内调用钩子。

javascript、reactjs、typescript、shopify、next.js

在一个使用next.js和typescript的全新项目上，我在一个功能反应组件中得到了以下错误。我已经回顾了的</em

浏览 1提问于2020-02-21得票数 2

回答已采纳

1回答

javascript、reactjs、react-native、react-hooks

我遵循无效的钩子警告发现here无用。在我的代码中有没有什么我忽略的错误。当我使用npm ls react-dom命令时，我得到："react-dom@17.0.2“。我的代码出了什么问题？我认为您可以像下面这样在功能组件中使用useState钩子 import {useState} from 'react'; im

浏览 36提问于2021-06-25得票数 0

回答已采纳

3回答

函数组件中的useState无效钩子调用

reactjs、react-hooks、use-state

过去几天我一直在努力想办法弄清楚为什么我会一直犯这个错误-import { useState } from 'react';

浏览 9提问于2022-08-19得票数 0

回答已采纳

3回答

[反应钩]

reactjs、react-hooks

我试图在函数中使用useDebounce钩子。但是我得到了以下错误代码如下import { useEffect, useState

浏览 4提问于2022-05-03得票数 1

2回答

Reactjs :从按钮操作路由到另一个布局

reactjs、react-router、react-router-dom

我在使用反应性路由器-dom V5，我已经说过： </BrowserRouter> );} 但是我犯了这个错误

浏览 2提问于2021-06-08得票数 0

回答已采纳

1回答

React "useState“在函数"deviceStatus”中被调用，它既不是React函数组件，也不是自定义React。

reactjs、react-hooks、antd

我刚开始使用钩子和功能组件，我试图在我的功能组件中使用useState，它向我显示了提到的错误。使用反应，蚂蚁设计import 'antd/dist/antd.css'; import '.{

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

回答已采纳

2回答

警告:无效的钩子调用。钩子只能在函数组件的主体内调用。这种情况的发生有以下原因之一：

reactjs、react-native、react-hooks

在为我的购物车添加结账屏幕后，显示无效的钩子调用错误。因为我认为我没有在结账屏幕上使用任何错误的功能。下面是用于依赖关系的package.json文件。反应与反应版本是错配的?？toolkit"："^1.8.3“、”@stripe/stripe-aws原生“："^0.14.0”、“amazon-认知-标识-

浏览 20提问于2022-07-15得票数 1

回答已采纳

3回答

反应。当导入函数在组件函数中时，我能知道为什么它不工作钩setState..？

reactjs、promise、react-hooks

我试着在需要的时候为调用函数编写拆分代码。const Split = () => {}; 它的工作是反应类组件。(工作) 但是当我换到钩子函数组件时，它不起作用了。:元素类型无效:需要字符串(用

浏览 10提问于2019-10-30得票数 3

回答已采纳

3回答

如何在内部执行包含react钩子的函数

reactjs、react-hooks、auth0

我想要进行一个API调用，并在这个函数中使用一个react钩子从Auth0获得一个令牌来验证这个API。catch (error) { }}; 现在我想在另一个文件中调用这个函数) this.setState({ readError: error.message }); } 如果我想打开这个站点

浏览 1提问于2020-06-22得票数 1

回答已采纳

2回答

无效钩子呼叫。钩子只能在内部调用。

javascript、reactjs

我刚刚创建了一个新的应用程序，我开始学习react，但是我已经准备好在我想要分享我的代码之前给up....just：import React from 'react'; import

浏览 1提问于2020-12-23得票数 3

回答已采纳

3回答

功能组件的性能优于类组件？

reactjs、performance、react-native、react-hooks

在响应钩子之前，我们将函数组件调用为无状态组件。当时它确实比类组件更快，但是现在呢？我可以使用state钩子来处理useState变量。useEffect可以在类组件中表示componentDidMount

浏览 8提问于2020-11-13得票数 7

2回答

理解React ()钩子

javascript、reactjs、react-hooks、setstate

我正在使用useState()钩子开发一个功能反应组件。我对这个钩子的使用方式或者它背后的设计决策感到有点困惑。我举了一个例子来说明我的问题：在基于类的组件中，this.setState({foo: 'bar'})只使用传递给第一个参数的对象中</

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

回答已采纳

3回答

每次渲染时都会调用钩子吗？

javascript、reactjs、react-native、react-hooks

我使用的是上下文api和钩子，有20个状态变量，在每个更改(设置状态)中，函数调用或重新呈现，所以我关心的是调用钩子函数。例如，如果我使用useState, useReducer, useMemo, useCallback，它们是否在任何重呈现时再次调用？([]); const [refreshid, setRefreshid] = useState(''

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

1回答

在这种情况下，我有一个关于无效useState钩子的错误吗？

reactjs

我有这样的组件。我还在该组件中使用了useState钩子，并在17.0.2版本中使用了react项目。但在控制台开发工具中，明显的“未登录错误:无效的钩子调用.钩子只能在函数体内调用”.Can u帮助我，请

浏览 1提问于2022-01-12得票数 1

1回答

响应从类到功能组件的调用。错误:无效钩子调用。只能在函数组件的主体内调用钩子。

reactjs、react-hooks、react-router

我从类组件中调用一个功能组件。这是我的功能部件，import {useNavigate} from "react-router> { navigate('/'); export default

浏览 6提问于2022-02-03得票数 2

回答已采纳

1回答

React钩子:用于呈现方法(错误:无效钩子调用)

reactjs、react-hooks

我是新的反应，我想建立一个网站，可以显示pdf。 pdfView = () => { const [pageNumber, setPageNumber] = useState(1);

浏览 1提问于2020-09-29得票数 0

回答已采纳

点击加载更多

无法在React中使用"useState“功能组件

在firebase应用程序中使用react钩子时无效的钩子调用错误

如何修复“无效钩子调用”(TypeScrtipt)错误？

有人能明白为什么我会得到一个“无效钩子”错误吗？我试了又试，看不出问题出在哪里

带有类型记录的Next.js :无效的钩子调用。只能在函数组件的主体内调用钩子。