fun1 (){
fun 2(){
const [state1,setState1] = useState({})
}
export setState1
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/re
浏览 7提问于2022-09-28得票数 0
回答已采纳
我正在尝试从一个处理api调用的非组件函数中调用调度。结构如下：
-MainApp.js
-scripts/
--auth.js
在脚本/auth.js中，如下所示：
export async function signIn(nav) {
const dispatch = useDispatch();
try {
...
dispatch(setIsAuthed(true));
}
...
}
我调用signIn() from和onPress。我接到一个无效的钩子电话。我做错了什么？
浏览 1提问于2022-09-29得票数 0
我已经创建了一个名为IsLoggedIn的函数，它使用带有axios.get的useEffect钩子向服务器查询用户的cookie会话时间。我想使用setInterval函数调用IsLoggedIn，如下所示：
setInterval(<IsLoggedIn></IsLoggedIn>, 2000) //--> This is in app.js
但是，我得到了一个错误：
Uncaught SyntaxError: Unexpected identifier
setInterval (async)
eval @ App.js:92
./src/Ap
浏览 0提问于2021-01-14得票数 1
我正在尝试通过react-redux来使用暗模式和光模式的主题切换。
Color.js
import { useSelector } from 'react-redux';
const darkMode = {
primary: 'black',
secondary: 'white',
}
const lightMode = {
primary: 'white',
secondary: 'black',
}
function ColorMode(
浏览 1提问于2021-07-23得票数 1
2回答
呈现的钩子比以前的呈现错误更多。
、、、、
这是索引文件，它是taskCards的容器。
import TaskCard from './TaskCard'
export function Task() {
const tasks = useSelector((state) => state.tasks);
const dispatch = useDispatch();
const [task,setTask] = useState("");
const [time,setTime] = useState("");
functi
浏览 3提问于2021-01-21得票数 2
回答已采纳
我试图使用react导航在两个页面之间移动，Selecttype.js和doctorlogin.js，其中Selecttype.js是initialRouteName，有一个按钮，当有人单击它时，它将重定向到doctorlogin.js。initialRoute正在加载，但我无法使用onclick()事件访问onclick()。
App.js：(路由器)
import React from 'react';
import 'react-native-gesture-handler';
import { NavigationContainer } from
浏览 1提问于2020-12-19得票数 0
2回答
我在React: render more hooks中收到错误。我检查了其他帖子，这些帖子使用带有react钩子的条件句，但我无法在我的代码中诊断出类似的问题。如果我在challenges.js中注释掉代码的Object.keys部分，错误不会显示，但如果我把它留在里面，我会得到错误。我相信这是由keepsessionutils.js文件中的错误引起的。请协助。 challenges.js return (
<div className="about">
<div className="about-header">
浏览 33提问于2020-04-01得票数 0
1回答
我已经定义了一个猫鼬模式和类，但是在预验证钩子中，this上下文是空的。我要去找TypeError: this.validateColor is not a function
bike.js
const mongoose = require('mongoose');
const Schema = mongoose.Schema;
// Mongodb Object Model
// =============================================================================
let BikeSchema = ne
浏览 0提问于2018-07-07得票数 0
回答已采纳
1回答
这个视图不适用于redux，我需要在react类组件中使用redux分派，但是我得到了错误
“无效钩子调用。钩子只能在函数组件的主体内调用。这种情况的发生有以下原因之一：\N1。您可能有与for和呈现器(例如function )\n 2不匹配的版本。您可能正在破坏Hooks \n 3的规则。您可能在同一个应用程序\nSee 中有多个function副本，以了解如何调试和解决这个问题。”
inspectionView.jsx
import React from "react";
import {
Text,
View,
} from "react-native
浏览 8提问于2022-08-15得票数 0
在整个视图呈现/ 之后，我想创建几个函数
export default {
mounted: function () {
this.example = function() {
return 'example'
},
function() {
console.log('mounted') // does not work
}
},
created () {
console.log(this.example()) // error
},
methods: {
submitM
浏览 2提问于2017-09-23得票数 1
回答已采纳
请看下面的代码，由于某种原因，它抛出了"Logout is not a function“： logout.jsx： import React from 'react';
import { Link } from 'react-router-dom';
class Logout extends React.Component {
componentDidMount = () => {
this.props.onLogoutUser();
}
render() {
return (
<
浏览 41提问于2020-07-26得票数 0
BlogDetailsPage.js
import { connect } from "react-redux";
import { useParams } from "react-router-dom";
const BlogDetailsPage = (props) => {
const { id } = useParams();
return <div>Blog Details: {}</div>;
};
const mapStateToProps = (state, props) => {
const
浏览 15提问于2022-05-22得票数 2
回答已采纳
3回答
我正在尝试实现一个静态方法，以使我的代码更简洁。在我试着这么做之前，它一直运作得很好：
// Auth.js
import {useDispatch} from 'react-redux';
import {signOut} from './redux_actions';
export class Auth {
static signOut = () => {
const dispatch = useDispatch();
dispatch(signOut())
}
}
// Menu.js
import
浏览 2提问于2019-10-23得票数 0
回答已采纳
类似的问题
manifest.json:1 Manifest: Line: 1, column: 1, Syntax error.
**More Vital Issue/User Msg:**
react-dom.development.js:20085 The above error occurred in the <WithStyles(ForwardRef(AppBar))> component:
文件夹结构
浏览 1提问于2022-03-05得票数 0
我正试图构建一个待办事项列表应用程序，我被这个问题困住了。我很想看看我如何修正这个错误。
我已经将我的所有函数重新安排到类组件中，但这并不能修复我的错误。
List.js
import React, { createContext } from 'react';
export let ListContext = createContext();
export const Data = [
{
name: 'Joe',
age: 19
},
{
name: 'John',
浏览 0提问于2019-06-24得票数 1
回答已采纳
我很难找出在呈现方法中添加组件的区别是什么.
/// components/profilePic.js
export const ProfilePic = () => {
return (
<Image src={props.src} />
)
/// App.js
import { ProfilePic } from './components'
render() {
return (
<View>
// This line here vvv
<ProfilePic src={&
浏览 8提问于2020-04-23得票数 1
Store.js：
import {useReducer} from "react";
import {ACTION_TYPES} from "./storeActionTypes";
export const INITIAL_STATE = {
counter: 0,
};
export const storeReducer = (state, action) => {
switch (action.type) {
case ACTION_TYPES.INCREASE_COUNTER_BY_1:
return {
浏览 8提问于2022-10-30得票数 0
回答已采纳
基于在前面的文章中收到的帮助，我现在使用React本机功能组件和更新的Redux挂钩来获取和设置全局Redux状态变量。
当试图创建一个外部函数(文件"authentication.js")时出现了问题，该函数试图使用"useSelector“Redux函数获取存储变量”用户名“的值。
它在外部文件"DetailsScreen.js“中运行得很好，但在另一个外部文件"authentication.js”中却失败了，尽管在我的未受过训练的人看来，代码是一样的，有一些明显的细微差别。
这段代码工作得很完美：
DetailsScreen.js
import R
浏览 0提问于2021-11-04得票数 0
在我的插件中，我试图仅在购物车页面上使用wc_enqueue_js添加内联脚本。插件的其余部分也只在购物车页面上执行。
下面的代码运行良好，但我不喜欢重复if (! is_cart() ) return;这个事实。这看起来可能不是什么大问题，但我的另一个具有类似问题的插件基于用户在插件设置中选择的内容有几行条件，这些条件与多个操作混合在一起：
// Run plugin.
add_action( 'template_redirect', function() use ( $args ) { ajax_cart_autoupdate( $args ); });
function
浏览 0提问于2019-08-14得票数 0
回答已采纳
App.js：
function App() {
PreProcess();
const user = useSelector(selectUser); // user initialized to null
return user ?
(
<p>{user}</p>
)
:
(<p>Authenticating and Authorizing</p>)
}
export default App;
preProcess.js：
export const PreProcess = asy
浏览 4提问于2021-09-23得票数 0
回答已采纳
我有一个带有导出函数的助手文件。我有一个带有一些共享数据的ContextProvider。现在，我需要从助手函数内部更改上下文中的数据。
但是，如果我在函数体内调用useContext语句，如果在外部调用它，也会出现错误。
如果我在助手文件中创建一个默认函数MyHelper()，我可以调用useContext内部及其工作。但是，我不能使用来自另一个文件的不同函数作为api。只有MyHelper()。
如何在另一个.js文件中调用多个导出函数并更改上下文数据？
我制作了一个示例代码，它显示了我的问题，而没有原始代码的开销：
MyScreen.js
import React, {useContex
浏览 3提问于2021-03-19得票数 1
回答已采纳
3回答
反应钩的动态导入
、、、
我们可以根据传递给组件的值动态导入钩子吗？
就像。
App.js
<BaseComponent isActive />
BaseComponent.js
if(props.isActive) {
// import useActive (custom Hook)
}
我不希望这些(自定义钩子)文件被导入，并且增加BaseComponent的大小，即使道具包含falsey值。
浏览 9提问于2020-06-10得票数 2
回答已采纳
1回答
我有一个auth服务，它在成功登录后设置本地存储令牌。
身份验证服务：
async function login(email, password, remember) {
const data = await ApiClient.post(`/api/auth`, {
email: email, password: password, remember: remember
});
localStorage.setItem('token', data.token);
return data.token;
}
async function logout
浏览 3提问于2020-09-27得票数 0
5回答
我的文件夹结构：
|--App
|--Components
|--PageA.js
|--PageB.js
|--PageC.js
|--common-effects
|--useFetching.js
我正在重构我的代码，使用react 从API中获取数据。我想发送一个来自useEffect in useFetching.js的操作，这个动作被saga中间件截获。只有在组件(PageA、PageB、PageC)挂载时，才应该分派操作。
我使用的是redux，redux和redux-saga。
PageA.js
function(props) {
u
浏览 2提问于2019-02-28得票数 31
回答已采纳
在下一个实现中没有错误，我只是想设置cookie，但不知道如何做。
auth.js
import { useCookies } from "react-cookie";
import { setCookies } from 'cookies-next';
import { useEffect } from "react";
const AuthReducer = (action) => {
const [cookie, setCookie] = useCookies(["user"]);
switch(ac
浏览 23提问于2022-06-15得票数 0
给定以下组件，当我按下年龄选择器并将值更改为15时，使我呈现一个没有“驾驶执照”字段的表单时，就会得到错误：
Uncaught Error: Rendered fewer hooks than expected. This may be caused by an accidental early return statement.
at invariant (react-dom.development.js:55)
at finishHooks (react-dom.development.js:11581)
at updateFunctionComponent (re
浏览 2提问于2018-11-25得票数 90
回答已采纳
我是新的反应，只是测试一些简单的助手功能。将状态设置器传递给助手函数有什么缺点吗？这只是一个过于简化的例子：
App.js
import { useState } from 'react';
import increment from './helpers/increment';
import reset from './helpers/reset';
const App = () => {
const [counter, setCounter] = useState(0)
const [even, setEven] = useS
浏览 2提问于2021-10-24得票数 1
回答已采纳
我有一个，这里我使用mobx ("mobx- React "："^6.1.8")并使用。
我得到了错误:无效的钩子调用。只能在函数组件的主体内调用钩子。
商店index.js
import { useContext } from "react";
import UserStore from "./UserStore";
import SettingsStore from "./SettingsStore";
const useStore = () => {
return {
UserStore
浏览 5提问于2020-03-10得票数 1
我需要在对特定事件调用的函数中获取上下文的当前值，而不是在呈现器中。
示例：
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);
浏览 0提问于2020-07-14得票数 4
回答已采纳
常规JS函数、助手/服务函数和自定义钩子之间有什么区别？
我发现的类似答案并没有给出任何好的例子，所以我创建了这个“服务”函数，例如，我将使用它来列出其他函数组件中的一些用户：
import axios from "axios";
const useService = () => {
const fields = [
{ key: "name", _style: { width: "40%" } },
{ key: "email", _style: { width: "40%" } },
浏览 1提问于2021-05-19得票数 7
回答已采纳
我们正在开发一款智能手机应用程序，它使用的是React-本机。我使用了react本机-安全区域-上下文来获得iPhone 12上凹槽的高度。但是，我得到以下错误：
Invariant Violation: 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 r
浏览 4提问于2021-04-11得票数 0
1回答
所以，我计划做一个Facebook克隆来添加到我的投资组合中，我想使用-Next.js、node.js、express.js、typeORM和postgresSQL (类型记录中的所有内容)，但是我对全局状态管理有一个很大的问题
问题：所以，我在想，我说，我要使用redux，我知道如何使用它，我喜欢它，但是，在next.js中实现redux似乎很难，所以，我说，如果我不需要使用一个全局的国家管理呢？如果我只是在前面创建/更新数据时使用SWR挂钩并重新验证数据，该怎么办？这也许可以，但这是个坏主意吗？我不应该这么做吗？
我的目标：我需要知道的是，如果我只使用SWR，还是应该尽我最大的努力实现re
浏览 20提问于2021-05-15得票数 4
我刚开始使用Wordpress。我正在尝试将bootstrap 4集成到自定义主题中。我可以在ok中添加引导css文件，但是当我添加javaScript引用时，我得到一个错误。
` `Fatal :第123行的C:\xampp\htdocs\wrfguides\wp-includes\cache.php中允许的内存大小为536870912字节已耗尽(尝试分配262144字节)
致命错误:第0行上的未知内存中允许的内存大小为536870912字节已耗尽(尝试分配262144字节)
下面是我的函数：
function bs_wrfguides_scripts()
{
/*CSS File
浏览 42提问于2020-03-16得票数 0
回答已采纳
2回答
如果我单击某个按钮，我需要重新获取数据，但是当我在里面调用钩子时，单击处理程序就会得到以下错误。
const Menus = ({ menus, title }) => {
const handleClick = () => {
const { data: cartItems } = useFetch(API_URL + 'cart');
}
}
src\components\Menus.js第26:13行: React "useFetch“在函数"handleMenu”中被调用，该函数既不是function函数组件，也不是自定义R
浏览 3提问于2021-10-13得票数 1
回答已采纳
1回答
每当我将一些东西保存到数据库中时，我都会得到这个错误。不管它的数字，文字等等，它的发生，我不知道为什么。两个月前，一切都很好，每次我保存的东西我都没有出错，但从一个月前开始，就发生了这样的事情：
Unhandled rejection TypeError: Cannot read property 'indexOf' of undefined
at model.isSelected (/var/www/html/node_modules/mongoose/lib/document.js:2056:12)
at model.<anonymous> (/var/www/
浏览 2提问于2020-12-21得票数 0
回答已采纳
我有react组件，它需要从组件内部使用自定义的react钩子。
但是，只有在启用功能切换时才应该调用此钩子。我理解这是一种反模式，因为它违背了这里的钩子规则：。
因此，我的组件文件大致位于以下结构中：
const someFeatureToggle = useSomeFeatureToggleHook(React);
const callBackMethod = ()=>{
// doing the logic
}
const someRef1 = React.useRef();
const someOtherRef = Rea
浏览 4提问于2022-02-22得票数 1
回答已采纳
2回答
我想为我的项目创建一个数据文件，而不是把所有的东西都放在一个文件中，但是我使用React来加载图像。当我想把所有东西都放在单独的文件中时，这就成了一个问题。代码给了我‘无效钩子调用’的信息，我理解为什么它是错误的，但不知道如何让它为我工作。
EventData.js
import React from "react"
import Image from "gatsby-image"
import { graphql, useStaticQuery } from "gatsby"
const getImages = graphql`
{
浏览 1提问于2020-10-07得票数 1
回答已采纳
1回答
我对redux非常陌生，在这里，我尝试创建一个公共分派函数，可以从多个组件调用该函数，但似乎不能在我的公共组件中使用useDispatch()，以获得无效的钩子调用错误。
import { useDispatch, useSelector } from "react-redux";
import { UPDATE_PREVIEW_DATA } from "../../redux/types";
export default function setPreviewData(event, obj, lang) {
const dispatch = useDis
浏览 0提问于2022-07-10得票数 0
我有个问题。我相信这是一个简单的问题，但实际上我不知道问题是什么。我有一个定制钩子：
const goodsSetupWizardController = (props) => {
const [product, setProduct] = useState(props.product);
const getComponent = (step) => {
//...
};
const isNextButtonDisabled = (step) => {
//...
};
const need
浏览 19提问于2022-07-24得票数 0
亲爱的，我无法理解简单的函数调用和do_action函数调用。
do_action:
我将钩子函数放在我的一个模板文件中，以便在头模板中使用。
add_action('theme_document', 'run_this')
function run_this()
{
<!DOCTYPE html>
<html class="no-js">
<head>
}
然后我在我的头do_action('theme_document')上调用它，它成功了。但是当它也工作在简单的函数调用时，为什么需要调用动
浏览 0提问于2015-06-04得票数 0
1回答
我正面临一个问题，
未处理的拒绝(错误)：无效钩子调用。
显然，这违反了“不调用事件处理程序”的规则。我找不到其他方法来更新我的上下文。我需要上下文，更新像menu.js这样的几个组件，来管理到私有路由的可访问性。
我的AuthContext.js
export const AuthContext = React.createContext({
token: localStorage.getItem('token') || '',
setToken: () => {}
});
我的LoginForm.js
class LoginForm
浏览 1提问于2020-05-29得票数 1
回答已采纳
2回答
我刚开始有反应，我也面临过这样的问题：
我有一个带有按钮的Main.js文件：
import * as React from 'react';
import { StyleSheet, Text, View, SafeAreaView, Pressable, Alert } from 'react-native';
import { MaterialIcons, MaterialCommunityIcons} from '@expo/vector-icons';
import { DrawerActions } from '@react-
浏览 4提问于2022-03-17得票数 0
1回答
我使用redux-thunk调用api。我想获取包含在动作数据中的结果 如果我查看控制台，看到组件已经分派了fetchTrending()，就会返回promise。 请告诉我如何得到结果 TrendMovieContainer.jsx import React from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { fetchTrending } from '../actions/index';
import Trending from
浏览 21提问于2019-09-03得票数 1
回答已采纳
我想在React.js组件中显示和突出显示一些"JSON“数据。
它可以工作，但问题是当组件刷新时，突出显示的代码会消失。
我想澄清一下，我是个新手。
谢谢您一直鼓励我。
import React from "react";
import hljs from "highlight.js";
import "highlight.js/styles/github.css";
import json from "highlight.js/lib/languages/json";
hljs.registerLanguage(&#
浏览 18提问于2019-08-01得票数 2
我一直收到错误，switchClass()不是wordpress中的一个函数。显然，从wordpress 3.5开始，就包含了js效果内核。
我需要特别地把它叫进来吗？如果是这样，我该怎么做呢？
我可以在wordpress wp-includes/js/jQuery/ui/文件夹中看到effect.min.js
浏览 1提问于2015-09-05得票数 0
我是新的反应JS和一个不100%熟悉的TypeScript。当我正在学习的时候，我发现自己无法理解一个奇怪的“怪癖”。
我的代码如下所示，我的问题是“为什么我必须为useNavigate做一个const，然后在我的方法中调用它？
import { useNavigate } from 'react-router-dom';
...
const navigate = useNavigate();
const handleAskQuestionClick = () => {
navigate('ask');
};
...
我错过了什么，为什么
浏览 9提问于2021-10-29得票数 1
我有一个钩子，它在挂载上调用一个redux动作。所以我猜应该只执行一次。但事实并非如此。
useCategories.js
const useCategories = () => {
/*
Hook to call redux methods that will fetch the categories
of the exercises. Store it in redux store.
RETURN: loading, error, data
*/
const mainCategories = useSelector(state => st
浏览 2提问于2020-01-22得票数 4
回答已采纳
如果我有3个测试文件，并且每个文件都有几个固定和测试，如下所示
file1.js
fixture1
test1
test2
fixture2
test3
test4
file2.js
fiture3
test5
test6
fixture4
test7
test8
file3.js
fixture5
test9
test10
test11
fixture6
浏览 3提问于2022-11-23得票数 0
4回答
今天，我完成了我的第一个反应应用-计算器。
我认为最好让App.js清理，并将所有逻辑函数放在分隔的文件Logic.js中，并将所有的设计函数(根据数字长度或单击动画上的按钮更改输出字体大小)放在Effects.js中。
当我将函数放入新文件(当然，导出它们并在app.js中导入它们)时，出现了问题。
错误表示setNumber(当我想使用状态时调用的方法)，
number.firstNumber (保存第一个点击号的firstNumber状态)，
并且未定义在此文件中调用的每个状态(函数或条件)，因此这意味着该文件没有访问App.js状态的权限。有任何方法，我可以保持这些功能分开，而不需要重
浏览 11提问于2020-08-02得票数 3
反应新手在这里！
我一次又一次地遇到了同样的问题，我一直在做一个有反应的天气仪表板项目。我的重点是连接提交函数和我创建的预测函数，以便从我正在使用的OpenWeatherMap API中检索json数据。在使用我创建的回调函数(从子组件获取搜索的城市值)时，会抛出上面列出的错误。由于我没有打算回调函数'getSearch‘是一个函数组件或自定义的React，所以我不知道还有什么可以尝试修复这个错误。下面是我的父组件'overview.js‘和子组件’recentSearches.js‘的所有代码：
overview.js
import React, {useState} fro
浏览 1提问于2022-01-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
