当我在我的应用程序上使用钩子时,我得到了的错误:无效的钩子调用。我不知道为什么要得到这个错误,因为我认为它是在函数组件中调用的?
Server Error
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as R
我有一个使用钩子useCallback的功能组件。过去几天一切都很好。一切都正常运作。今天我启动了这个应用程序,我有一个错误:
React Hook "useCallback" is called in function "loginPage" which is neither a React function component or a custom React Hook function
这是没有道理的,因为它一直很好。为了调试,我只是删除了页面上的所有代码,只是其中一段代码经过了编辑,甚至只是将一个useCallback模板放在了原来的位置,但仍然一样。
我使用React导入一个带有useState钩子的函数,这似乎破坏了它。我有一个用钩子反应的版本:
npm ls react => react@16.10.2
npm ls react-dom => react-dom@16.10.2
我可以很好地使用组件。当我包含一个钩子时,我会得到“无效的钩子调用”屏幕。
在我的图书馆项目中:
/**
* @class ExampleComponent
*/
import * as React from 'react'
import styles from './styles.css'
export d
我创建了一个搜索应用程序,用户可以搜索电影,它将显示在表格中。但是,我希望在每个电影行的最后一列中有一个删除按钮,以便从表中删除电影。我无法做到这一点。有人能告诉我如何在最后一栏添加删除按钮吗?我已经创建了deleteMovie操作和缩减程序。我只是不确定如何将它添加到表格中。我试着按他们在docs里说的做,但对我不起作用 import React from "react";
import PropTypes from "prop-types";
import { connect } from "react-redux";
import { d
我想将存储在const mappedData中的数据从FetchDataComponent.js传递给ReactSelectComponent.js。有什么方法可以用功能组件做到这一点吗?在下面的代码中我得到了Error: Objects are not valid as a React child
FetchDataComponent.js
import React,{useState, useEffect} from "react";
import axios from "axios";
import _ from "lodash";
co
我需要在对特定事件调用的函数中获取上下文的当前值,而不是在呈现器中。
示例:
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);
,正如它在标题中所说的,我似乎不能使用钩子
我知道你们中的一些人会试图告诉我这是一个副本,但在我所见过的所有问题中,似乎没有人会问,使用导入的功能组件(我试图呈现的组件)的正确方式是什么。
import React from 'react';
import { hot } from 'react-hot-loader';
import Playground from '../playground/index';
class App extends React.Component {
render() {
Playground
我必须在函数中调用分派(上下文,而不是Redux),但我无法这样做。(Error: Invalid hook call. Hooks can only be called inside of the body of a function component.)
是否有办法在从组件调用的函数中运行钩子(或仅运行dispatch)?我可以使用Redux (store.dispatch(...))来完成这个任务,但是我不知道如何使用React来完成这个任务。
示例功能:
function someAction() {
const { dispatch } = React.useContext(S
我试着理解胡克斯的重要性
从医生的反应,它说
They let you use state and other React features without writing a class.
这个功能组件背后的全部想法不是说它将是无状态的,这样它就不会导致react应用程序的重新呈现吗?比如,如果你用的是反应钩,你会在哪里和为什么使用它?
您可以自己创建一个不会导致功能组件const state = {}重新呈现的状态。
我的问题是:
状态在功能组件中的优势是什么?
什么时候使用react钩子而不是实际的基于状态的组件?