我尝试获取用户信息并将其显示在页面上,但当我转到页面时,它完全是空白的,并显示错误,提示无法读取为空的属性。因此,当需要获取时,我放入了 console.log,但它从未显示,这就是为什么我意识到 useEffect 中的函数未被调用,我真的不知道为什么。function User() {const[userInfo, setUserInfo] = useState(null);const {us
2022-09-14
这是我的子组件,需要将数据传递给其父级。class Sidebar extends React.Component {getUserInput(event){event.preventDefault();let value = document.getElementById('input-button').value;console.log(value);this.props.handleSubm
2016-11-09
在 react 中,当我在 componentDidMount 中获取元素的 offsetTop 时,它与在 componentDidUpdate() 中调用时相同元素的 offsetTop 值不同。这是为什么?我以为 componentDidMount 是在 render 之后调用的,因此 DOM 元素被放置在页面中,所以 offsetTop 值应该是正确的。class Index extend
2017-11-15
我使用代码在滚动时将 div 粘贴到顶部,并且 div 到达了顶部。代码工作正常,但是导航到另一个页面时出现错误。TypeError: Cannot read property 'offsetParent' of null我的代码render() {var startProductBarPos = -1;window.onscroll = function () {var bar = docume
2018-08-08
我有一个带有注销按钮的仪表板组件。单击注销时,使用 fire-base 注销并重定向到登录组件。我收到以下错误。我该如何解决这个问题。TypeError: Cannot set property 'scrollTop' of undefinedDashboard.componentDidUpdate69 | }70 | componentDidUpdate(e) {71 | if (e.his
2019-06-03
我正在尝试实现无限滚动,但遇到了“TypeError:无法读取 null 的属性‘offsetTop’”。我已将我的实现附加在下面。我是 React 的新手,我很乐意听取您的建议,以便更好地实现。 loadMore = () => {this.setState({page: this.state.page + 1})this.loadUser();};handleScroll = () =
2020-06-04
我正在尝试将一个小的 jquery 组件转换为 react。但我遇到了这个问题无法读取 null 的属性“offsetWidth”这是 jquery 简单组件http://jsfiddle.net/abhitalks/860LzgLL/它显示“菜单或选项卡列表”的组件是什么。如果窗口屏幕缩小,它会隐藏菜单并移动到下拉菜单,如下所示我试图实现的是 react。我的方法是首先,我要计算li的宽度或所有
2021-07-03
大家好,我在这个项目中使用 ReactJs,控制台中出现了这条消息Uncaught TypeError: Cannot read properties of undefined (reading 'offsetTop') at (About.js)顺便说一下,代码可以运行,但我想知道如何删除/修复这条消息。代码:- const [start, setStart] = useState(false
我有这两个完全独立的组件。我想在输入/时呈现App,在转到/#/about时呈现About。我得到了这段代码(但我测试了不少其他代码):import React from 'react';import ReactDOM from 'react-dom';import { Router, Route, Link, browserHistory } from 'react-router'import
2016-12-02
我是 React 新手,我正在创建一个简单的 React 应用。我目前实现了 react-router。我只想问一下这个<Route path="/projects/add" component={Addproject} />和这个<Route path="/projects/:id" component={Projectitem} />有什么区别。当我点击链接时,它显示TypeError: Ca
2018-03-04
我正在使用 react-router,但对其行为有些困难。Nav可根据需要显示在所有页面上。但是,Profile也会显示在所有页面上。我只想在/home以及/music和/players页面上显示它,它确实做到了。但是,它还会显示在/charts页面上,这让我感到困惑。我的代码如下所示。import React from 'react';import { Route } from 'react-r
2018-03-10
我试图将路由添加到我的简单应用程序中:import Home from './componantes/Home'import Contact from './componantes/Contact'import Aboutus from './componantes/Aboutus'import { Route, Link, BrowserRouter as Router} from 'react
2020-01-17
我是 React 的新手,正在尝试了解路由。我创建了一个学习项目,并希望渲染三个不同的组件,每个组件都有不同的路径。但是,所有路径都会导致显示 App 组件。我尝试在多个来源上寻找解决方案,但无法找出问题所在!请看一下。提前致谢。Root.jsximport React, { Component } from 'react';import { Router } from 'react-router
2020-01-27
我尝试在调用 URL /folders/xy 后访问 FolderDetail 组件。我总是获取位于 /folders 中的 Folders 组件,而不是获取 FolderDetail 组件...请帮忙。import React from 'react';import { BrowserRouter, Route, Switch } from 'react-router-dom';function
2020-08-17
我正在尝试使用 React 和 Firebase 制作 WhatsApp Web 克隆。在这里,我想实现这样的功能:单击窗口左侧侧栏中的特定聊天会在右侧打开聊天正文。为此,我在 React 中使用 Switch 和 Route。默认情况下,我希望在所有情况下都显示侧栏,但仅在用户单击其中一个聊天时显示聊天正文。为此,我的 App.js 中的代码是:import React from "react"
2020-08-19