好吧，说其他一切都经过测试并且运行良好，我创建了这个PublicRoute，它向NodeJS发送请求，但函数isAuthenticated从不等待来自后端的响应，并且始终返回promise而不是true或false。我在互联网上到处搜索，但没有找到解决方案。我不知道如何让它等待。PublicRoute 文件：import React from 'react';import { Route, Red
2020-04-14
我想使用 axios 从我的数据库中检索一个数组并将其显示在 react 组件中。我使用了 componentDidMount() 生命周期方法和 async/await 语法，如下所示：state = {products: []}async componentDidMount() {const res= await axios.get(http://santacruz.clickysoft.n
2020-05-04
对于这段代码：import { useEffect, useState } from 'react';import 'ag-grid-community/dist/styles/ag-grid.min.css';import 'ag-grid-community/dist/styles/ag-theme-material.min.css';import Grid from '../Common/G
我有一个组件，其行为如下所示。渲染，显示“正在加载”。获取一些数据。加载后，填充状态。重新渲染，显示数据已加载。代码如下：import React from 'react';class IpAddress extends React.Component {state = {ipAddress: null};constructor(props) {super(props);this.fetchDat
2018-05-13
我已经建立了一个 github 项目，以了解如何更好地测试 react (v 16.8.0)useEffect钩子。我进行 api 调用以获取useEffect中的数据，并将接收到的数据设置为状态组件元素。我的组件将查询作为 prop 接收，如果查询 prop 字符串不为空，则进行 api 调用。我想测试一下，使用非空查询 prop，api 调用是否已完成，组件是否正确设置了其状态。我知道测试us
2019-06-01
我的功能组件使用useEffect钩子从挂载时的 API 获取数据。我希望能够测试获取的数据是否正确显示。虽然这在浏览器中运行良好，但测试失败，因为钩子是异步的，组件无法及时更新。实时代码：https://codesandbox.io/s/peaceful-knuth-q24ih?fontsize=14App.jsimport React from "react";function getData
2019-07-12
我试图断言我的自定义钩子在挂载时会从 API 返回一些数据。代码如下所示：import * as React from 'react';import { findByStatus } from '../../services/AssignmentService';import Assignment from '../../models/Assignment';import AssignmentLi
2019-08-19
我有一个简单的组件，它可以获取帖子的异步列表。export const Posts = () => {const [list, dispatch] = useReducer(listReducer, []);useEffect(() => {fetchList(dispatch);}, []);return (<ul>{list.map((el) => (<li key={el.id}>{el.t
我有一个使用useEffect钩子进行数据提取和设置加载、成功和失败状态的反应组件。import React, { useState, useEffect } from "react";import { fetchData } from "./api";function App({ id }) {const [data, setData] = useState(null);const [isFet
2020-01-03
如何使用react-testing-libs测试异步useEffect？我有：// in other fileconst getData = () => {return new Promsise(resolve => setTimeout(() => resolve([1, 2, 3]), 5000));};const MyComponent = () => {const [data, setDa
2021-01-08
我对 react-testing-library 和一般测试还不太熟悉。我想测试一个组件，该组件从 useEffect 钩子中的 API 中获取数据。然后将其存储在本地状态中。它使用 array.map 呈现这些数组数据，但我收到Error: Uncaught [TypeError: Cannot read properties of undefined (reading 'map')]错误。我可
2021-11-23
如何在 React 中使用 Jest 测试 useEffect Fetch？我尝试寻找答案，并找到了一个我复制来尝试的代码，但仍然无法通过测试。我以前没有使用过 Jest，目前正在尝试在我正在编写的代码中实现它。这是我在 test.js 文件中的测试： it('Displays days from 1 to 31', async () => {expect(useEffectTest).toBe
2021-12-26
我对 React 和 Redux 还不熟悉，仍然有点困惑。我的目标是使用 GET 请求在 HTML 中呈现一堆 json 数据。我正在使用 react 和 redux 来管理对象的状态，但是我相信我的问题是数据甚至不存在所以基本上每当有人请求 URL /courses 时，他/她都会看到 json 中的一堆数据。我收到组件中的错误TypeError: Cannot read property 'm
2016-07-31
我收到“TypeError：无法读取未定义的属性‘map’”。不确定我哪里做错了。我对 React 还很陌生，所以我不知道我是否遗漏了什么。当我尝试调用 this.props.meals.map 时，它给了我错误export class Dashboard extends React.Component {componentDidMount() {this.props.dispatch(fetch
2018-09-12
我尝试使用user-list.js文件中的createListItems()获取用户的id、first和last name。但是，我在运行程序时收到"TypeError: Cannot read property 'map' of undefined"错误，并且(line7 / user-list.js) return this.props.users.map(user => {{为红色（不起作用