我正在使用next.js并使用React Hooks +上下文来管理状态。但是,我遇到了这个问题,其中react.usecontext()即使我在上下文对象中传递(或者我认为,无论如何)即使返回了未定义的返回。我想念一些很明显的东西吗?发生了什么事?我已经在const cartcontext中创建了上下文,然后在我的提供商组件中,我创建了值对象并将其作为prop将其传递给cartcontext.p
2020-05-15
我是 React Native 的新手。实际上这是我的第一个应用程序。我一直试图将数据从 Fetch 传递到组件,但没有成功。我在 Google 上上下下、左顾右盼,尝试了无数种方法,但仍然没有成功。这是我的 App.jsimport React, {useState, useEffect} from 'react';import { View, StyleSheet, ScrollView }
2020-02-17
这是渲染之前的代码const HappyComponent = (props) => {console.log(JSON.stringify(props)); // the props are okconst [HHDays, setHHDays] = useState(null);useEffect(() => {const hours = props.infos.happy ?{allW
2022-08-04
我正在使用 react-native-element-timer (https://www.npmjs.com/package/react-native-element-timer),但 useRef 钩子存在问题。timerRef 的引用是通过渲染“Timer”元素设置的,但我希望计时器在调用函数“Stopwatch”时直接启动,而不是通过onButtonClick 启动。所以我需要在渲染之前引
我目前正在使用 Swiper 编写一个用于简单幻灯片的 React 应用,一切运行正常。我现在正尝试通过使用 setActiveSlide 函数显示当前幻灯片来改进导航。第一次加载后,它运行正常。单击调用 setActiveSlide 的按钮后,story 对象设置为 null,这会导致在第二次单击上一个或下一个按钮时出现错误(Uncaught TypeError:无法读取 null 的属性“sl
2020-01-09
有三个使用react-app-rewired定制的create-react-app,都使用以下软件包的相同版本:"react": "^16.12.0","react-app-rewired": "^2.1.5","react-dom": "^16.12.0","react-router-dom": "^5.1.2","react-scripts": "3.3.0",应用程序 1,“主”应用程序是其
2020-01-17
我想在useState钩子变量中以字符串格式获取今天的日期(例如 2/08/2023)作为初始值。当前工作代码:const [startDate, setStartDate] = useState(new Date());// output: Wed Aug 02 2023 12:52:16 GMT+0800 (Australian Western Standard Time)以下是我尝试输出的内
2023-08-02
我尝试将 useState 函数传递给另一个 prop,但出现以下错误:Uncaught RangeError:超出最大调用堆栈大小我将 useState 函数作为子组件中 buttonClick 的 handleevent 进行添加,我假设该错误意味着它在循环中被调用?有人能帮我理解这里的问题吗?代码如下: function App() {const[personListe, setPer
2022-01-12
大家好,感谢阅读本文。我正在尝试访问一个 API,但它返回了一个大数据(包含 6000 个元素的数组),因此我必须等待几秒钟才能呈现页面。此外,我还遇到了最大回调的范围错误。我是否遗漏了某些内容或 API 有问题?有什么可能的解决方法吗?这是我的代码:import React, { useState, useEffect } from "react";export default function
2021-05-07
我尝试从Edit组件发送success或error值,并将该值设置为useAlert挂钩。然后从List组件调用useAlert挂钩,并尝试根据useAlert挂钩返回的success或error值在List上方呈现消息。但是我在从List组件调用钩子时出现错误。我的自定义钩子如下:useAlert.js:import React from "react";function useAlert(pr
2021-02-23
我正在使用 Jest 测试 React 组件。我正在尝试模拟来自其他依赖项的函数。依赖项中的函数应该返回一个数组,但它在控制台上显示未定义。下面的文件是 tsx 文件,当我单击按钮时,它应该调用依赖项函数来获取框架列表。ExitAppButton.tsx:import React, { useContext, useState } from 'react';import { TestContext
2022-11-20
我正在开发一个页面,该页面从 API 获取数据并使用 Material UI 和 Datagrid 组装表格。我的目标是将数据解析到表格中。我的数据看起来像这样{id: 1,device_mrid: "xxx1",canaryDeviceId: "xxx",},{id: 2,device_mrid: "xxx2",canaryDeviceId: "xxx",},{id: 3,device_mrid
2021-03-26
我尝试渲染SectionList,但它返回了三个错误:Uncaught TypeError: Cannot read property 'length' of undefinedThe above error occurred in the <VirtualizedSectionList> component:Uncaught TypeError: Cannot read property 'le
2021-01-09
我在使用“react-dom/server”中的renderToString在 SSR 上渲染某些 URL 时遇到一些错误我收到以下错误:TypeError: Cannot read property 'length' of undefinedat areHookInputsEqual (C:\projects\spd-web-app1\node_modules\react-dom\cjs\rea
我的react 应用中的 RandomName 组件出现错误“TypeError: 无法读取未定义的属性‘length’”。我做错了什么?import React, { useState } from 'react';import ReactDOM from 'react-dom';function RandomName(props) {const [name, newName] = useSta
2020-09-15