我正在做我的 react 项目来创建侧面导航栏。所以我有这个按钮,点击该按钮侧面导航栏应该打开。<button className="openbtn" onClick={(e) => openNav(e)}>☰ Open Sidebar</button>这是我的openNav函数 function openNav() {console.log("open nav")document.
2021-03-23
我已经使用了 react 中的 useRef hookconst myInput = useRef()并将其传递给material-ui OutlinedInput组件<OutlinedInputid="outlined-adornment-amount"inputRef={myInput}type="file"startAdornment={<InputAdornment position="s
2021-01-15
我正在使用 Flask 和 ReactJs 为我的一个大学项目实现一个蔬菜零售价格预测网络应用程序。我的 POST 请求在 Postman 上运行良好,但是当我尝试使用 ReactJs 中的表单发出 POST 请求时,出现以下错误:Access to fetch at 'http://127.0.0.1:5000/vegetable' from origin 'http://localhost:3
2021-01-09
我尝试通过传递索引使用 setState({index: index }) 设置新状态,但出现以下错误“未捕获 TypeError:无法读取未定义的属性‘map’”我正在使用 React Hooks,并且我还在使用箭头函数,我真的不明白发生了什么……关于如何解决此问题有什么建议吗?import { useState } from "react";import "./App.css";const A
2021-01-07
我有一个空对象,想要动态地在对象内部创建一个对象。const obj = {}obj["test1"]["test1.1"] = x //initialize to some variable我收到错误Uncaught TypeError: Cannot set property 'test1.1' of undefined我希望输出像这样obj = {test1: {test1.1: x //s
2020-11-20
我在使用 useEffect 和 useState 在功能组件中获取数据并将它们设置为状态时遇到了问题。我的问题是,我想将使用 axios async/await 完成的数据获取保存在单独的文件中,以提高应用程序的可扩展性,但是我不明白如何在承诺得到解决(而不是被拒绝)的情况下更新状态。特别是,我试图从承诺中检索一个名为状态数据的表行数组,但我不知道如何在状态中设置响应的结果这是组件文件中的代码:
2020-08-14
我尝试访问我的状态下使用 React 中的 useEffect 钩子设置的属性,但我一直收到此错误 Uncaught“TypeError:无法读取未定义的属性‘0’”。这是我的代码:-import React, { useState, useEffect } from "react";const Geocode = (props) => {const [location, setLocation]
2020-07-21
因此,我试图弄清楚为什么在登录现有用户时会出现以下错误。导航栏应在右端显示已登录用户的名称。这很奇怪,因为当我第一次注册新用户然后立即登录时,我没有遇到任何问题(我登录后,名称出现在导航栏中)。我希望下面的代码不是矫枉过正,但我不知道错误究竟出在哪里。如果您需要更多信息以获得更好的视图,请告诉我。TypeError: Cannot read property 'username' of nul
2020-07-14
我正在使用React 15.6.1、Axios、NGINX。我在登录时遇到 CORS 问题。以下是登录 axiosPOST调用const additionalHeaders = {code: action.payload,page: 'login'};const loginData = yield call(() =>axios(authorization, 'Basic', additional
2020-05-28
我正在尝试将钩子集成到旧的单页 React 应用程序中。首先,我只需用函数组件替换父组件(类)。我的单页应用程序上有 3 个部分。我在页面顶部有一个菜单,其中包含 4 个部分,可以自动滚动到目标部分。问题:当我单击项目菜单时,我“未捕获的 TypeError:无法读取未定义的属性‘1’”1 - 当我的应用程序正在安装时,我调用 firebase 并在状态下设置数据:export const App
2020-03-08
我尝试使用 Ref 实现“提交”按钮的焦点。我想忽略按 ID 引用的元素。import React, { useRef } from 'react'import PropTypes from 'prop-types'export const LabelComponent = () => {const createButton = enableCreateButton()? <button ref=
我是 React 的新手,正在尝试了解绑定和事件。我创建了一个学习项目,并希望在 onChange 上验证下拉菜单。如果未从下拉菜单中选择任何值,则显示错误消息。注意:我正在使用一个自定义库,该库具有 SelectField 组件的 inValid 和 error 属性。如果 inValid 设置为 true,它将触发错误消息。我尝试在多个来源上寻找解决方案,并尝试解决这个问题几个小时。请看一下。
2020-01-31
好的,我有一个通用过滤器组件,它接收一个索引过滤器组件(在索引页中使用属性设置)作为属性。它将呈现它。在通用过滤器组件中,我有一个方法 handleSingleFilter,我需要将其传递给索引过滤器组件,但当然,由于索引过滤器属性是在索引页中设置的,因此它不允许我更新它们。在索引中: <IndexFiltersonSingleFilterChange={() => {return}}/>在过
2020-01-07
我尝试读取 xml 文件并使用react-xml-parser库对其进行解析。var XMLParser = require('react-xml-parser');var xml = new XMLParser().parseFromString(xml_string);console.log(xml);console.log(xml.getElementsByTagName('Row'));在
2019-11-05
我对 MERN 堆栈还很陌生。我正在尝试使用 jwt 设置用户身份验证。问题仅在我使用前端登录时发生。当我使用 POST man 发出 http 请求时,登录成功但是当我使用电子邮件和密码登录时,我收到以下错误:consoleUncaught (in promise) TypeError: Cannot read property 'data' of undefinedat authActions