我正在使用react-map-gl和状态，以便当单击标记时，popupOpen设置为 true，并且弹出窗口会显示出来。这适用于只有一个标记的地图，但是当我使用地图功能发送多个标记的坐标时，单击其中任何一个都会打开所有弹出窗口，因为绑定状态控制它们所有。如何设置它以便只显示与特定标记相关的弹出窗口？// stateconst [popupOpen, setPopupOpen] = useState
2021-08-14
我正在使用react-map-gl向我的 React 应用添加地图。我想向我的Layer组件添加onClick事件，但react-map-gl似乎不支持它。 （文档在此处：https://visgl.github.io/react-map-gl/docs/api-reference/layer）我最近发现react-mapbox-gl确实支持Layer组件的onClick事件，但我无法通过npm安
2022-03-25
我开始学习 Jest，并创建了这个测试。但是当我运行它时，我收到以下消息。我是否以错误的方式将 props 传递给 AppComponent？TypeError: Cannot set property 'props' of undefinedApp.js：const { store } = this.props;return (<div><h2 className={css(styles.hov
2016-04-20
我正在尝试模拟具有以下结构的组件：//A_Form.jsimport React from "react";export default React.createClass({displayname: "A_Form",updateState: function() {// I want to mock this function as it opens a web connection}rend
2017-04-03
我从未直接调用 WebSocket；它是 Asteroid 的依赖项。为什么 Jest 无法加载它？此外，这应该是默认的create-react-app测试，用于检查应用程序“渲染时不会崩溃”。但是即使 Jest 测试表明应用程序应该崩溃，它仍可以正常加载。我的提交：https://github.com/Falieson/typescript-react-asteroid-meteor/commi
2017-08-15
我在使用以下测试用例时收到错误： Cannot read property 'weatherIconCode' of undefined我正在将weatherIconCode传递给测试用例中的组件，但我不明白为什么会出现未定义的情况。非常欢迎任何有关如何解决问题的想法并附上简要说明。组件：import React, {Component} from 'react'import IconWeathe
2017-09-12
我尝试测试我的 React 类，该类具有import dotnetify from "dotnetify";导入。这可以正常工作，但 Jest 说，dotnetify 未定义。如果我更改为const dotnetify = require("dotnetify");，Jest 会通过测试，但这是一个愚蠢的解决方法。如何向 Jest 解释，dotnetify 不是未定义的？提前谢谢您。
2018-05-19
我正尝试使用 jest 开始进行一些单元测试，但我遇到了这个错误，似乎很多人都遇到了，但我似乎无法弄清楚。这是我正在尝试做的事情（我意识到 requirejs 不受支持）：jest.mock("../widgets/", () => {return <button>button</button>;});describe('TextInput', () => {describe('when user
2018-10-26
我有一个如下所示的函数，当我要测试该函数时，出现了上述错误。函数toggleRecovery = e => {e.preventDefault()this.setState({recovery: !this.state.recovery},() => {this.props.reset()})}测试test('if the recovery state is true should set the
2018-12-26
Test suite failed to runJest encountered an unexpected tokenThis usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.By default, if Jest sees a B
2020-06-20
我在 React 的一个组件内配置了一个服务，但在使用 jest 和 testing-library 时遇到了问题，应用程序可以运行，但测试被阻止了。 import { appSetupConfig } from '.../myapp'import theConfig from '.../config'useEffect(() => {const allowAppInstance = appSe
2021-05-29
我无法从 fetch 函数访问数据。我想将数据从操作传递到 Reducer。使用 fetch 函数调用 API，api 以承诺的形式返回。因此，API 被单独调用，数据返回给操作负载。import { INDEX_PRESCRIPTION } from '../constant.js';function fetch_prescription(){const base_url= "http://19
2018-01-29
我正在做一个关于 React Hooks 和获取数据的教程。这是我用来获取客户并将其映射到列表中的组件：const useFetch = (url: string) => {const [customers, setCustomers] = useState<null | []>(null);const [loading, setLoading] = useState(true);// Simil
2019-06-07
我有 JSON 格式的产品，它们被提取并显示在前端。在我的 products.json 中，每个产品都有一个图片 URL，但只有一些产品有图片 URL，其他产品为空。当我在 React 中循环数据时，我的 React 应用程序中总是出现错误，提示无法读取<img/>标签中的 null 属性，我该如何编写一个逻辑，仅在有图片源时才渲染图片，否则只返回一个空的 div？<ul>{this.state.
2021-01-09
我尝试使用 react useEffect hook 从https://randomuser.me/api/获取数据。我没有得到要显示的数据，而是收到一条错误，“错误：对象作为 React 子对象无效（找到：带有键 {number, name} 的对象）。如果您想要渲染子对象集合，请改用数组”。我在控制台上记录了结果，我意识到问题出在一些嵌套对象上，它们输出 [object Object]。但是，
2021-01-13