使用此库 -https://tintef.github.io/react-google-places-autocomplete/docs/-我有 -<GooglePlacesAutocompleteapiKey={'someKey'}autocompletionRequest={{componentRestrictions: {country: ['uk']}}}selectProps={{val
2021-08-12
问题我正在尝试使用 react-monaco-editor 来呈现 json 代码。当我尝试格式化 json 时，我被建议使用方法：editor.getAction('editor.action.formatDocument').run()。我使用的代码是const editorDidMount = (editor, monaco) => {setTimeout(() => {console.lo
2021-08-11
我是 React 和测试的新手，所以也许我误解了文档，但我有一个函数定义了一个const 变量，它只是一个具有属性“X”的对象数组，我们称之为。我过滤这个数组并取第一个对象并查找 X。然后我将它导入到我的 jest 测试文件中，但在运行测试时失败，显示Error: Uncaught [TypeError: Cannot read property 'X' of undefined]。我不确定为什么
2021-07-10
我有一个 MERN 应用程序，我试图在单击删除按钮时删除一条注释（包含标题和内容）。单击按钮后，后端 mongoDB 数据库会更新 - 事实上，该项目已被删除 - 但控制台会显示错误。以下是删除操作，通过相关文件进行跟踪：// App.jsxconst deleteNote = id => {NoteDataService.deleteNote(id).then(response => {cons
我的页面上有一些过滤器。单击“返回”后，我想逐个返回到已过滤的页面。比如我在页面上，上面有 3 个过滤器。我应用了过滤器 1，然后应用了过滤器 2。单击“返回”后，我应该转到过滤器 1 页面，然后是主页。但是它不起作用。单击“返回”后，它显示未捕获的类型错误：无法读取未定义的属性“go”import { useHistory } from 'react-router-dom';const back
2021-07-05
我尝试使用 React Testing Library 和 Jest 通过测试弹出窗口是否存在来测试必填输入字段，但失败了。我尝试了几种变体，但都不起作用。 UI 中的步骤如下：单击空字段空选择字段单击字段旁边（模糊）将鼠标悬停在字段上获取所需消息所需消息实现此目的的测试代码是：const input = screen.getByRole('textbox', {name: /name \*/i}
2021-06-20
我正在使用props从另一个组件访问数据，但它显示Uncaught TypeError: Cannot read property 'data' of null有人知道如何解决function AuditDetails(props){function AuditDetails(props) {let data=props.location.state;data=data.data;console.
2021-06-16
我不明白我面临的错误。每当我启动 React 服务器时，我的应用程序就会崩溃，甚至不会分派 Redux 操作我尝试在控制台中记录操作对象，但它未定义，而且我编写的所有操作都是正确的。找不到问题我的 Reducer 文件import { UserActionTypes } from '../ActionTypes/UserActionTypes';const INITIAL_STATE = {use
2021-06-14
我试图在表单中添加验证函数，但测试时出现“未捕获 TypeError：无法读取未定义的属性‘handleValidation’”。由于我是 ReactJS 的新手（这是我用 React 制作的第一个 Web 应用程序），我似乎无法找到错误所在。此表单的行为是：当用户单击提交时，它首先执行验证，然后如果有效则通过电子邮件提交表单（为此我使用了 emailjs）。就像我说的，它在验证步骤上失败了（而其
2021-05-27
我有一个画布，它在引用中使用 canvas.getContext( "2d" )。我的问题是，当页面重新渲染时，由于状态发生变化，我收到错误，我不知道如何修复它。这是一个出现错误的最小代码示例：import React, { useState } from "react";import { render } from "react-dom";const Test: React.FC<{}> = (
2021-05-25
我正在使用react-table库进行过滤和分页。我使用Node从自定义 API 请求数据，并使用react-table中的useTable钩子对其进行渲染。react-table的文档说应该对表数据进行记忆，因此我使用了useMemo钩子。代码如下所示：const data = React.useMemo(() => {axios.get("/custom/api/endpoint").then
2021-05-22
我正在尝试使用react-color库 (^2.19.3) 和@types/react-color(^3.0.4) 创建自定义颜色选择器。由于Saturation组件未从类型index文件中导出，因此导入它的唯一方法是react-color/lib/components/common。使用Saturation类似（这个）：<Saturation color={props.color} onChan
2021-05-20
我对reactjs还很陌生。目前，我正在开发一个需要迭代读取一些文件的项目。因此，我将一些文件传递给fileHandlingFunction。export class MainComponent extends React.Component {constructor(){this.state = {imageFiles: [];}}fileHandlingFunction(files){ //
2021-05-20
我试图理解为什么我不能将数据对象的数组属性作为 prop 传递到组件中。认为这是一个关于 React 工作原理的基本理解问题，和/或在这种情况下的陷阱……任何见解都值得赞赏！上下文：我正在为 React 中的会议制作一个展示页面。此展示页面将显示“title”、“description”等元素，并遍历“agenda_items”列表。数据来自单个 JSON API 响应。“agenda_ite
2021-05-04
我有一个名为 EmailSubscribe 的反应组件，它获取文本输入框的值并通过提取请求发送它。我已将两个元素保存到变量 emailInput 和 emailContainer 中，但是，我收到以下错误消息：Uncaught TypeError: Cannot read property 'value' of nullat onKeyPress我使用其他组件时没有遇到此问题，如果每次需要时用 d
2021-04-21