您好,我正在尝试创建一个自定义钩子,从数据库中获取我的用户对象并使用它,但是我的控制台日志显示对象出现后不久对象未定义,这会影响依赖于它的其他函数,它们仅捕获第一个状态并给出错误我该如何修复这是我的钩子代码:-import { useState, useEffect } from 'react'import { storage, auth, database } from '../api/auth
2020-09-13
我有一个 React 组件,它调用后端 API,该 API 返回一个对象数组。本质上,我有一个useFetch.js文件,它获取数据,然后显示在Products.js文件中我的主要问题是,当我只是记录返回的数据时,无论我刷新浏览器多少次,总是会记录正确的数据。但是,一旦我包含一个地图来呈现数据,它就会仅第一次显示,然后我收到错误Cannot read property 'map' of null当
2021-02-07
我想让“Screen”中的 setLoading 函数在“HomeScreen”中可用。所以context.jsimport { createContext } from "react";export const LoadingContext = createContext();screen.js这是屏幕组件(HomeScreen 的父组件)。我想控制 HomeScreen(子组件)中 Modal
2022-08-22
因此,这是我第一次使用 React Native,我正在创建一个应用程序来收集用户输入并使用表单参数呈现字符串集合,但是当我尝试填写输入字段时,我总是遇到相同的错误:Cannot read property 'value' of undefined关于表单处理,我应该如何解决这个问题?感谢您的关注。这是代码:import {React, useState} from 'react';import
2022-11-18
我尝试从 API 获取数据并将响应传递给 img src,它显示状态值为“未定义”。在下面的代码中,我尝试在 useEffect 中设置“bannerImage”状态,它抛出了“未定义”。我也尝试使用普通函数,它给出“bannerImage”作为空值。注意:then 语句中的“res”值显示 url,但当设置为仅状态时它不起作用。function Carousel(props) {let Caro
2020-09-26
我尝试显示来自外部 API 的图像。但我只收到错误Uncaught (in promise) SyntaxError: Unexpected token � in JSON at position 0"我猜问号意味着它是某种无法识别的东西……无论如何,我按照 API 的文档来显示图像。要从寄存器中获取图像,我使用端点 Article File Connections 来获取 FileId,我在 A
2020-10-22
我从 API 获取数据,我想通过 API 提供给我的路径显示图片我有这个简单的代码来获取一个随机演员,并且我把他的所有信息保存为 json,例如以下数据:profile_path: "/j2Yahha9C0zN5DRaTDzYA7WtdOT.jpg"我如何使用此路径通过<img src="??”/>function Game() {const [page, setPage] = useState(
2021-08-16
我能够从 API 端点获取数据,但无法将其呈现到屏幕上。这是我的 App.js 组件。 function App() {const [data, setData] = useState([]);const [img, setImg] = useState([]);useEffect(() => {fetchData(setData);}, []);async function fetchIm
2022-05-16
此外,在使用 setLoggedIn 时最好使用回调选项,以便捕获状态的先前版本,如下所示:此外,在使用 setLoggedIn 时最好使用回调选项,以便捕获状态的先前版本,如下所示:此外,在使用 setLoggedIn 时最好使用回调选项,以便捕获状态的先前版本,如下所示:此外,在使用 setLoggedIn 时最好使用回调选项,以便捕获状态的先前版本,如下所示:此外,在使用 setLogged
2020-05-05
我在我的 React Native 项目中使用 useFormik hook因此我尝试在另一个组件中初始化 useFormik,然后将其导入我的注册页面并在此处使用。以下是代码。import React from "react";import { Formik } from "formik";import {signupValidationSchema,} from "../../validati
2021-02-16
我试图使用react-hooks-global-state在功能性反应中创建基于用户输入更新的全局钩子,但遇到了以下错误:Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the fo
2022-10-24
我尝试加载字体系列,我使用了带有异步函数的钩子,但出现了一些错误:function Button(props: TouchableOpacityProps & ButtonProps) {useEffect(() => {async function loadFont() {await Font.loadAsync({gotham_medium: require("../../assets/Got
2019-07-07
我正在尝试创建一个使用 React Hooks 的 React 应用程序。在登录表单中,当用户提交表单时,电子邮件和密码将传递给 handleClick 函数。该函数从服务器获取数据并显示在客户端,但响应始终未定义,并且在从服务返回之前被调用。这是代码...Login.jsimport React, { useState, useEffect } from 'react';import { But
2019-12-06
我想在 React-Native 中创建异步 React 钩子,以便在运行获取之前获取 AsyncStorage 数据。示例:const useCallApi = async url => {const [instance, token] = await Promise.all([AsyncStorage.getItem('instance'),AsyncStorage.getItem('toke
2020-06-08
我尝试在功能组件中使用useMemo或useEffect等 React Hook。API 调用是异步的,我认为这可能是导致错误的原因。服务文件:export const getData = (): wretch =>fetch('/d/get_data').get().json();数据格式化逻辑文件:import {getData} from './services';export const
2020-11-13