我需要在对特定事件调用的函数中获取上下文的当前值,而不是在呈现器中。
示例:
logCurrentTheme.js
import React, { useContext } from 'react';
import {ThemeContext} from "./ThemeContext";
// ThemeContext is a context created by React.createContext()
function logCurrentTheme() {
const context = useContext(ThemeContext);
我正在为一个学校项目创建一个应用程序,我希望用户能够登录到Spotify,以便能够使用Spotify API获得有关他们的回放的信息。
我正在为iOS开发和使用世博会,所以我发现是非常有用的。使用他们的示例Auth代码,我成功地制作了一个非常简单的React应用程序,允许用户按下一个按钮,提示他们使用Spotify登录。然而,对于我的项目,我有不同的组件对应于我的应用程序中的不同屏幕。每当我试图将代码移动到组件中时,我就会得到一个错误,无法确定如何解决(对于React和Javascript,我仍然是非常新的)。
以下是代码:
import * as React from 'react&
当我想在customHook代码中设置if时出错
在这之后我得到了错误的->
React Hook "" is called conditionally. React Hooks must be called in the exact same order in every component render
问题是,在称此工作为好(不包括if ) ->时,是否存在状态
const =(,());
如果useDataForm (自定义钩子) dataValid无效,则不加载。
我有一个react项目,它在文件中定义了一个Signup元素。代码是
import React, { Component } from 'react';
import Button from 'react-bootstrap/Button';
import Form from 'react-bootstrap/Form';
import { useNavigate } from 'react-router-dom';
import postData from './APIREQ';
class Signup ex
我试图添加搜索图标从材料UI,但我得到了这个错误。“错误:无效的挂钩调用。只能在函数组件的主体内调用挂钩。”我尝试了YouTube的亚马逊克隆教程,并且做了所有的事情。有人能帮我吗?谢谢。 这是我的Header.js import React from "react";
import "./Header.css";
import { Link } from "react-router-dom";
import SearchIcon from '@material-ui/icons/Search';
function Heade
我目前正在用react编写代码,我需要从我的API中获取一些数据。我想使用钩子存储接收到的数据。然而,当我调用钩子"setLoading(false)“,这个钩子用于用实际数据替换临时微调函数时,我得到了一个”无效钩子异常“。 import React, { useEffect, useState } from 'react';
import { Spin } from 'antd';
import { SwitchTable } from '../components/SwitchTable';
export function Ou
我是刚开始react的人,在这段代码中我得到了无效钩子调用的错误。错误信息是:
未登录错误:无效钩子调用。钩子只能在函数组件的主体内调用。这种情况的发生有以下原因之一:
您可能有React的不匹配版本和呈现器(例如React ),您可能正在违反Hooks的规则,您可能在同一个应用程序中有多个React副本。
由于这个错误,我的API没有运行。这个HandleLogin函数位于一个单独的文件中,我将此函数导入到受保护的routes.js文件中,我的代码如下:
function HandleLogin() {
const navigate = useNavigate() // it gi