在我的投资组合项目中,当单击项目图像时,它会重定向到一个新页面,该页面提供了该项目的详细信息,该页面没有任何缺陷,但是,当刷新浏览器时,它会给出如上标题中所述的错误。可能是什么原因造成的?Project.js(此处创建了项目卡){data2.map((data, index) => {return <MDBCol key={index}><MDBCard style={{ width: "20re
2019-12-17
我目前正在开发一个博客应用程序。我使用 react js 作为前端,使用 node js 作为后端。我有这个 isAuthenticated 方法。export const isAuthenticated = () => {if (typeof window == 'undefined') {return false;}if (localStorage.getItem('jwt')) {retur
2020-05-17
我正在开发一个 React 应用程序,该应用程序使用 Pixabay API 搜索并显示我搜索的主题的图片和视频。但是,当我尝试调用我获取的 API 调用的 id 时,我遇到了“无法读取未定义的属性‘id’”。我该怎么做才能修复此错误?API 调用:(7) [{…}, {…}, {…}, {…}, {…}, {…}, {…}]0:{id:801826,pageURL:“https://pixaba
2020-12-09
我正在开发一个 React 项目,遇到了一些语法错误,例如 TypeError:无法读取 null 的属性“id”。据我所知,我的代码没问题,但我不知道为什么会出现此错误,所以请有人帮助我解决此错误这是我的代码import React, { useEffect, useRef } from 'react';import './App.css';const App = () => {const in
2021-05-06
我有一个 product.js 文件。我想通过 id 读取数据,例如 http://localhost:3000/product/2 (/product/:id)。但是它显示 TypeError:无法读取未定义 react 的属性“id”。我只想通过产品 id 读取我的产品。我读取了我所有的产品。但是当我想读取单个数据时,它显示此错误。我认为是 props 问题。请帮帮我。我提供了我的文件。我的p
2021-06-26
我建了一个网站,但当我按了 3 次“加载更多”按钮后,出现了问题。它给出了一个错误“TypeError:无法读取未定义的属性(读取‘id’)”...我猜切片和映射函数出了问题!P.S. 我试图将“id”调用到其他组件,但没有成功!class PostsList extends React.Component {constructor(props) {super(props);this.state
2021-11-04
export default class LaunchingScreen extends React.Component {constructor(props) {super(props);this.state = {isLoading: true,dataSource: null,refreshing: false};}//When screen is pulled down this call
2018-10-06
以下是导致错误的代码:import React, { Component } from 'react'import Header from './components/Header';import Todo from './components/Todo';class App extends Component {state: {list: [{title: "Take out trash",co
2019-08-12
我对 Javascript 和 ReactJS 还很陌生,对错误TypeError: undefined is not an object (evaluating '_this.state = { destination: '' }')感到困惑。这是我的代码:import React, {Component} from 'react';import { StyleSheet, View, Text
2020-06-28
我正在学习 Wes Bos 的React for Beginners课程,在 State 视频中,他编写了以下代码:import React, { Component } from 'react';class AddFishForm extends Component {nameRef = React.createRef();priceRef = React.createRef();statusR
2020-08-01
我已附加一个向NativeScript提供 JSON 数据的数据库。我已经取得了很大进展,能够从MongoDB中提取数据,将数据路由到array,然后在应用程序的每个HTML视图中显示数据。问题:Item元素被视为未定义,但当我在执行检索和分配函数后console.log()Item时,我得到了准确的 JSON 元素{"_id": "5f3c82f37cdb5d6766c73217","Stree
2020-08-21
我有一个带有不受控制的输入元素的反应组件,如下所示:class TestComponent {onAddTypeClicked = el => {console.log(el);console.log(el.value);};render() {return (<div><inputname="asset_types"ref={el => this.assetTypesAdd = el}/><bu
2018-11-22
我有一个 ant designTable组件,我想将ref附加到该组件。我希望能够在 HOCwithCustomPagination的生命周期componentDidUpdate方法中使用tableRef。遵循React Docs Forwarding Refs,我无法清楚地理解。我可以编写以下代码:App.jsimport WrappedTable from '/path/to/file';cl
2018-12-30
我正在使用 reactjs 中的 ref 从另一个组件打开模式。为此,我正在执行以下代码。otpModalRef = ({onOpenModal}) => {this.showModal = onOpenModal;}并在以下代码中呈现<div className="otp_modal"><Otp ref={this.otpModalRef} ></Otp></div>然后通过this.showM
2019-03-14
我有下面的一个组件,在第一次渲染时我有正确的ref来输入,但是我总是得到null,在下一次渲染时,请告诉我为什么?ref通过 props 传递给输入:const inputRef = useRef(null);useEffect(() => {setTimeout(() => {if (inputRef.current) {inputRef.current.focus();}});}, [inpu
2019-12-27