开发者问题收集
我正在使用 reactjs,在尝试显示 JSON 数据(来自文件或服务器)时似乎无法防止此错误:Uncaught TypeError: this.props.data.map is not a function我查看过:React 代码抛出“TypeError:this.props.data.map 不是函数”React.js this.props.data.map() 不是函数这些都没有帮助我解
正如标题所述,我显然不能使用钩子我知道你们中的一些人会试图告诉我这是一个重复的问题,但在我见过的所有问题中,似乎没有人问什么是使用导入的功能组件的正确方法我尝试渲染的组件。 import React from 'react';import { hot } from 'react-hot-loader';import Playground from '../playground/index';
我正在尝试使用 React Hooks 导出一个正常的功能组件,但出现了此错误。TypeError: Object(...) is not a function当我删除 Hooks 并在没有任何状态的情况下导出它时,它可以正常工作。将相同的代码导出为 Class 组件也可以正常工作。import React,{ useState } from 'react';const Mycomponent
我是 React 新手,我正在创建一个网站,用户可以在其中搜索查询并显示结果。我有一个名为:Searchbar的组件,它包含两个函数:1)用户编写查询,当用户按下 Enter 键时,该查询通过 axios POST 请求发送到后端。2) 后端搜索相关查询并通过 axios GET 请求将结果发送回。因此顺序为:postQuery()-->getQueryResult()所以我认为postQuery
我尝试使用 React Hooks 创建搜索功能,但它始终返回错误:Cannot read Property of Undefined每当我在输入字段中输入时,在updateSearch函数上。 const [search, setSearch] = React.useState('');const [searchResults, setSearchResults] = React.useSta
因此,我尝试在我的 Weather App 项目中实现路由,我想要实现的是,当我单击 cityname 时,它​​应该显示在另一个应用程序中。但不知何故,我收到以下错误TypeError: Object(...) 不是函数以下是我的文件:我的 App.js const App = () => {return (<><Container><Switch><Route exact path="/"
我尝试使用 React JS 制作天气应用,但运行程序时出现错误“TypeError: 无法读取未定义的属性(读取‘main’)”。以下是部分代码: return (<div className={(typeof weather.main != "undefined") ? ((weather.main.temp > 16 ) ?'app warm':'app'):'app'}><main><di
嗨,我正在尝试在 react-hooks 概念中动态设置输入值,但遇到了错误。有人能帮我解决这个问题吗:代码:import React,{useState} from 'react';function ObjectHook() {var [names,setName]=useState({fname:'',lname:''});let UpdateData = (event) =>{setName
为什么我会收到这种类型的错误“无法读取未定义的属性(读取‘数量’)”。当我尝试在按钮中使用 onclick() 函数时,它不起作用。我总是显示一条消息“数量未定义,无法读取其属性”。请帮我解决这个问题。我试过所有方法来解决这个问题,但都失败了……react 的 App.js 文件import "./App.css";import Navbar from "./navbar";import Prod
我正在开发一个 React 应用,但遇到了未捕获的类型错误。我按照在线教程操作,但无法修复。这是我的代码:import React, { useState, useEffect, createRef } from 'react';import { CircularProgress, Grid, Typography, InputLabel, MenuItem, FormControl, Selec
我遇到一种情况,我被迫从两个不同的地方调用触发器方法来显示模态框,一个地方使用热键组合,另一个地方通过单击工具栏按钮。为了做到这一点,我有以下代码,其中我调用triggerCustomLinkModal来设置状态,但随后我遇到了无效钩子调用错误。import { useState, useCallback, useEffect } from "react"import { Dialog } fro
我正在尝试制作一个递归类组件来检查输入是否为回文。但是当我尝试调用此函数内部的回文函数时,它会开始无限期地调用。使用 vanilla js,此方法工作正常。我在这里做错了什么?以及当输入字段为空时如何更改输出。import React, { Component } from "react";import "./App.css";export default class App extends Co
我收到TypeError: (0 , _expect2.default)(...).toBeDefined 不是函数,通常的修复方法是将 /'node_modules'/ 更改为不使用引号。这没有帮助。输出是$ jestFAIL __tests__/test_fake_add_component.js● Add fake tests › Add › Add requires onAdd prop
我正在使用 Enzyme/Jest 为容器上的一个函数编写测试,该函数通过复选框组件的 onChange 触发。我试图模拟“更改”,但是不知何故,“更改”并未触发要调用的 onChange 函数。不确定这里发生了什么……我尝试将模拟更改为“单击”,删除目标对象,但仍然不起作用。容器export class Data extends React.PureComponent {constructor(
我第一次尝试在 React 中运行一些测试,但是收到了一些错误,但不知道这些是什么。2018-05-30 16:47 node[3217] (FSEvents.framework) FSEventStreamStart: register_with_server: ERROR: f2d_register_rpc() => (null) (-22)2018-05-30 16:47 node[3217