React全局错误处理程序不适用于异步componentDidMount。同时尝试了componentDidCatch和window.onerror
React全局错误处理程序不适用于异步componentDidMount。在React中，组件的错误处理通常是使用componentDidCatch函数或window.onerror事件来实现的。
首先，我们来了解一下React中的componentDidCatch函数。componentDidCatch是一个生命周期函数，用于捕获组件树中子组件抛出的错误。它只能捕获组件渲染阶段中的错误，而不能捕获事件处理程序、异步操作或componentDidMount函数中的错误。因此，对于异步componentDidMount函数中的错误，componentDidCatch并不适用。
另一方面，window.onerror是浏览器提供的一个全局错误事件，在发生未捕获的JavaScript错误时触发。它可以捕获异步操作、事件处理程序以及componentDidMount函数中的错误。但是，由于React中的组件是在虚拟DOM中渲染的，所以window.onerror无法提供具体的组件信息，只能提供错误的堆栈轨迹。因此，在处理React组件的错误时，我们需要更加详细和准确的信息。
针对以上问题，可以采用以下方案来处理异步componentDidMount中的错误：
- 在异步操作的回调函数中进行错误处理：在异步请求或操作的回调函数中，使用try-catch语句捕获可能发生的错误，并进行相应的处理。例如，可以在catch块中使用日志记录工具记录错误，并通过通知或提示向用户展示错误信息。
- 在组件中使用Promise.catch方法：如果异步操作返回一个Promise对象，可以使用Promise.catch方法来处理错误。在.catch方法中，可以进行错误处理的逻辑，例如记录错误信息或向用户展示错误提示。
- 使用ErrorBoundary组件包裹异步加载的组件：ErrorBoundary是React提供的一个组件，用于捕获其子组件中的错误。可以将异步加载的组件放置在ErrorBoundary组件中，并在ErrorBoundary组件的生命周期方法中处理错误。具体使用方法可以参考React官方文档中对ErrorBoundary的介绍。
请注意，以上方案仅针对React中的错误处理，具体应用场景和优势根据实际需求而定。在腾讯云中，可以通过腾讯云函数（SCF）、腾讯云容器服务（TKE）、腾讯云云原生应用平台（TCPA）等产品来实现云计算和部署相关的功能。
希望以上回答能够满足您的需求，如果还有其他问题，欢迎继续提问。
相关·内容
我希望全局捕获React应用程序中的错误。
但每次错误被捕获/转发两次到我注册的函数。
示例代码：
window.onerror = (msg, url, lineNo, columnNo, error) => {
console.log(msg)
alert(msg)
}
class TodoApp extends React.Component {
constructor(props) {
super(props)
}
render() {
return (
<button onClick={(e)=>{
浏览 0提问于2018-05-06得票数 11
我在index.tsx中有以下代码 window.onerror = function(msg, url, line, col, error) {
debugger;
// Note that col & error are new to the HTML 5 spec and may not be
// supported in every browser. It worked for me in Chrome.
var extra = !col ? '' : '\ncolumn: ' + col;
extra +=
浏览 37提问于2020-10-12得票数 1
回答已采纳
我在根组件上有一个componentDidCatch错误边界，以呈现一个很好的错误页面，以防发生可怕的事情。
但是我也有一个window.addEventListener('error', cb)事件处理程序，以防发生更糟糕的事情(外部反应)。
我现在的问题是，每当componentDidCatch得到一个错误时，window错误处理程序也会得到它，所以我总是以最坏的场景错误处理而不是“反应中的”错误处理结束。
而且，看起来全局错误处理程序是在React错误边界之前触发的，因此不可能将错误标记为“已处理”，以便以后可以手动忽略它。
下面是一个显示我的问题的CodePen：
一
浏览 0提问于2019-07-25得票数 13
回答已采纳
我希望我的脚本检查许多依赖项，在成功的情况下，应该出现一个submit按钮。但是，如果存在任何类型的javascript错误，则不应该出现该按钮。所以我想在我的剧本结尾做这样的事情：
if (typeof window.error_has_appeared == 'undefined') {
button.classList.add("button_activated");
}
我试图用window.onerror来解决我的问题，但是它似乎没有捕捉到所有的错误。
<script type="text/javascript">
浏览 0提问于2019-06-11得票数 2
回答已采纳
我有这个组件。在componentDidMount中，我创建了一个对象并尝试抛出错误。但是我的componentDidCatch没有被调用，反而打破了我的页面！
class ErrorBoundary extends React.Component {
constructor(props) {
super(props);
this.state = {
error: null,
errorInfo: null
};
}
componentDidCatch(error, errorInfo) {
// Catch errors
浏览 10提问于2020-08-04得票数 0
我想构建一个在componentDidMount上异步加载数据的React组件。
这是该函数当前的样子(用TypeScript编写)：
async componentDidMount(): Promise<void> {
try {
const { props: { teamId }, state: { } } = this;
const awaitableData = await UrlHelper.getDataAsync("some-fancy-url");
// ... do something wi
浏览 0提问于2018-04-25得票数 9
我们目前正在React / Redux应用程序中测试我们的错误处理。(我已经读过了)。在React中，我们实现了，它运行得很好:不再有未处理异常的空页面。
不，我们尝试在还原器中抛出错误，我们看到它们以未接触的redux状态登录到控制台中。
减速机一定是纯的！
我绝对可以支持。该功能应该是“容易”的，没有副作用和良好的测试。问题是:还原器开发人员可以做错误的假设(例如，关于redux状态下的哪个属性可以定义)。此示例的结果是
[Error] Unhandled Promise Rejection: TypeError: undefined is not an object (evalu
浏览 1提问于2019-05-21得票数 4
回答已采纳
当API服务器不可用时，我正在学习React，无法获得错误边界，无法捕获由axios http请求在子组件中引发的网络连接错误。
我可以看到，错误记录在子组件的catch处理程序中，但是ErrorBoundary组件没有捕获抛出语句。
有什么想法吗?如何获得错误边界，捕捉从componentDidMount生命周期方法抛出的错误？
父母- App.tsx
export class App extends React.Component<AppProps, {}> {
public render(): JSX.Element {
return (
<di
浏览 3提问于2019-10-07得票数 2
回答已采纳
当发生redbox错误时，react原生应用程序通常会停止对触摸的响应或行为怪异。这比应用崩溃要糟糕得多，因为发布版本不会显示redbox，用户不知道发生了什么，也不知道应用停止响应的原因。如果他们不能用你的应用程序做任何事情，他们会删除它。
您不能总是确保您的应用程序中没有bug。因此，当这种情况发生时，我们应该确保可以提醒我们的用户重新启动应用程序，否则他们将无法使用它。
捕捉到react-native的redbox错误可以让你弹出一个警告模式框，提醒用户应用程序遇到了一些错误，然后完全退出应用程序，让用户重新启动它。
浏览 0提问于2016-09-21得票数 2
1回答
为什么componentDidCatch在我的react-native应用程序中不起作用。componentDidCatch不处理错误。
React native v: 50.3
React: 16.0.0
import React, {Component} from 'react';
import {View, Text} from 'react-native';
import Logo from './SignUpInit/Logo';
import SignUp from
浏览 0提问于2017-11-10得票数 8
回答已采纳
1回答
我试图创建一个错误边界，但它不起作用。componentDidCatch没有开火。
我原以为会呈现回退UI，但实际上原来的UI仍然存在，什么也没有发生。
const SimpleBtn = lazy(() => import("./componentJsx/SimpleBtn.jsx"));
const SimpleBtn2 = lazy(() => import("./componentJsx/SimpleBtn2.jsx"));
class ErrorBoundary extends React.Component {
constructo
浏览 4提问于2022-07-15得票数 0
回答已采纳
1回答
try/catch不能处理异步函数中的错误。
当然，如果我在每个异步函数中都编写try/catch是可以处理的，但这是不现实的。
window.onerror可以处理异步函数中的错误。
但是window.onerror会捕获窗口中的所有错误。
我只想在窗口中处理javascript应用程序(例如，游戏)的异步(以及同步)函数中的所有错误。
如果错误只发生在javascript应用程序中，我想显示一条错误消息并停止应用程序。
我不想为应用程序之外的错误做任何事情。
浏览 0提问于2011-07-08得票数 5
回答已采纳
1回答
我需要在我的TestCafe测试中抑制一个错误(该错误来自一个模拟页面)。示例代码：
function stoperror() {
try {
this.clickMockContinueButton();
} catch(e) {
console.log(e)
}
return true;
}
Call it:
window.onerror = stoperror;
尽管我已经添加了节点窗口包：
错误= Re
浏览 8提问于2019-08-06得票数 2
根据新的，它说
"React 16打印在开发中呈现到控制台时发生的所有错误，即使应用程序意外地接受了这些错误。“
我有一个父组件和一个子组件。我在then的承诺块中触发了一个错误。但它将调用promise的catch方法，父对象的componentDidCatch未被调用。我不确定这是否是预期的行为。
这是jsfiddle
class Parent extends React.Component {
constructor(props){
super(props);
this.state={hasError:false}
}
render() {
浏览 42提问于2017-10-23得票数 0
我正在尝试使用React的componentDidCatch方法来捕获一个在我的Cordova iOS应用程序中导致崩溃的错误。它似乎在防止崩溃，但是这个方法从来没有被调用过，所以我不知道是什么导致了这个问题。
我的组成部分：
import styled from 'styled-components';
import { View, observable } from 'shared/View';
import { Player } from 'video-react';
import SpinnerOverlay from 'shar
浏览 0提问于2018-02-22得票数 4
回答已采纳
我计划使用window.onerror记录reactjs应用程序中的所有控制台错误。
因此，我有一个主组件，应用程序从其中启动并创建了另一个组件ErrorLog，它将具有这个window.onerror。但是我不知道如何在react组件中使用这个window.onerror。有人能帮我做这个吗。谢谢。
下面是我的代码，
class ErrorLog extends react.purecomponent {
state = {
error_log: [];
};
componentDidMount() {
window.onerror(
浏览 2提问于2020-02-25得票数 1
回答已采纳
我搜索了react中的错误处理。我找到了componentDidCatch。但是componentDidCatch只在render中被捕获。
我想要捕获方法中的错误。
我的来源
import React from 'react';
class Child extends React.Component{
handleError = () => {
throw new Error('Error');
}
render() {
return (
<button onClick
浏览 1提问于2018-08-29得票数 0
回答已采纳
2回答
我使用window.onerror将javascript错误记录到一个文件中，如下所示，
class ErrorComponent extends react.purecomponent {
constructor(props) {
super(props);
this.handle_error = this.handle_error.bind(this);
}
componentDidMount = () => {
window.onerror = this.handle_error;
}
ha
浏览 2提问于2020-02-26得票数 2
回答已采纳
1回答
我有一个组件
import React, {Component} from 'react';
class Buggy extends Component {
state = {greeting : 'Welcome'};
componentDidMount() {
throw new Error('An error has occured');
}
render() {
return (
<h2>{this.state.greeting}&l
浏览 0提问于2019-06-02得票数 3
我的团队在任何地方都使用通用的RenderErrorWrapper组件。基本上是这样的
export class RenderErrorWrapper extends React.PureComponent<RenderErrorWrapperProps, RenderErrorWrapperState> {
constructor(props: RenderErrorWrapperProps) {
super(props)
this.state = { renderComponentSuccessful: true }
}
浏览 0提问于2021-01-21得票数 0
回答已采纳
我正在使用jQuery向现有页面添加功能，但我无法控制其标记和脚本。它工作得很好，直到页面上的其他脚本导致错误，这会阻止我的jQuery事件处理程序执行。有没有什么方法可以让我的jQuery代码即使在页面出现错误后也能执行？
浏览 1提问于2011-02-05得票数 0
回答已采纳
2回答
如何应对摇摇欲坠的承诺
、、、
通常，我想调用一个承诺，让它异步运行，而不是等待它。比如：
... some code ...
fetchMyCount().then(count => {
updateTheUI(count);
});
... more code ...
现在这很好，但是我通常不会把失败处理程序放在承诺上，因为这对每个人来说都是相当繁重的。这就像在我的每个数据获取上放置一个try {} catch {}一样。
问题是，如果它失败了，它就会默默地这么做。它不会抛出我的window.onerror可以得到的异常，它不会记录，也不会做任何事情。
现在我可以做一个很好的包装，比如：
Async(fet
浏览 3提问于2015-09-16得票数 4
回答已采纳
这个问题是对的后续，其中解释了如何使用以下方法捕获常规javascript错误：
<script type="text/javascript">
window.onerror = function(msg, url, linenumber) {
alert('Error message: '+msg+'\nURL: '+url+'\nLine Number: '+linenumber);
return true;
}
</script>
我试了一下才发现这个道
浏览 1提问于2011-12-09得票数 31
回答已采纳
我正在尝试使用ReactTable使用
问题：
当我尝试导入
import 'react-table/react-table.css'
css没有导入
当我检查时，我看到它是css url
blob:http://localhost:8080/cfd98537-05a8-4091-9345-d6ae877d3d25
但这是可行的
<link rel="stylesheet" href="node_modules/react-table/react-table.css">
文件：
webpack.config.js
const Html
浏览 2提问于2018-10-25得票数 0
2回答
我是reactjs的初学者，并且试图理解一些概念，比如父母和孩子在reactjs中呈现的内容和方式。
从研究中我发现，反应首先使孩子成为父母，但我却无法得到正确的答案--如何以及为什么？如果子程序不能呈现，我猜在react 16中有一个名为componentDidCatch的生命周期，如果子进程不能呈现，那么在react 16之前有什么，以及我们如何处理这些场景。
请帮帮我
浏览 1提问于2018-10-24得票数 7
回答已采纳
我正在尝试处理我的React应用程序中的一些错误，但一定有什么东西让我逃脱了，因为我似乎无法让它工作。下面是我的代码：
App.js
import ErrorBoundary from "./Error";
import ChildComponent from "./ChildComponent";
function App() {
return (
<ErrorBoundary>
<ChildComponent />
</ErrorBoundary>
);
}
export defau
浏览 0提问于2020-11-24得票数 0
我正在开发一个使用类型记录和钩子的反作用应用程序，我正在尝试用酶和Jest测试功能组件。我无法使用jest.spyOn测试组件中的方法。jest.spyOn方法无法正确解析，并在悬停时显示以下消息
“类型‘’validateBeforeSave‘的参数不能分配给’‘上下文’、‘setState’、‘setState’、‘forceUpdate’、‘呈现’、‘componentDidMount’、‘shouldComponentUpdate’、‘shouldComponentUpdate’、‘componentWillUnmount’、‘componentDidCatch’、‘componen
浏览 0提问于2019-05-24得票数 10
回答已采纳
3回答
我想使用我的网站上的几个插件，这是完全与反应。问题是，我不明白如何在未将屏幕变黑的情况下在react组件中运行它。我在网上尝试过一些我能理解的方法，但它们没有奏效。
例如，我想在我的导航栏上使用dropotron。
import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter, Route, Switch, Link, NavLink} from 'react-router-dom';
import BookModal from '
浏览 4提问于2018-05-29得票数 1
回答已采纳
1回答
我有一个提供上下文(=provider)的组件，一些子组件正在使用该上下文。 我的提供者还包装了一个ErrorBoundary React组件以防子进程崩溃。从那里开始，如果发生错误，ErrorBoundary React组件将更新我的上下文中的一些值。 但是它看起来值没有更新，我不知道为什么。 下面是我的代码： const MyContext = React.createContext<{
state: FsState;
setState: Dispatch<SetStateAction<FsState>> | null;
}>({ st
浏览 18提问于2020-04-23得票数 0
我们正在开发react原生应用程序，并将firebase与crashlytics一起使用，因此我们可以了解该应用程序的creashes和所有未处理的错误。
然而，我们也希望在我们的应用程序中得到所有未处理的promise拒绝的通知-所以我们希望添加全局处理程序/侦听器，在这种情况下将信息发送到我们的服务器。
我们已经在一些重要的情况下在各自的.catch()块中发送了这样的信息，但是如果我们在未来添加新的承诺并忘记处理它们-那么我们希望收到信息而不是不知道我们的应用程序中潜在的bug。
或者这是一种糟糕的做法？
浏览 0提问于2019-09-03得票数 2
2回答
我收到关于我的react组件的下面一行的警告
handleToggle: Function;
我正在使用和，并且收到了一个警告："handleToggle应该放在构造函数后面“。这与规则反应/排序-comp有关。我在我的.eslintrc.json上尝试了下面的内容
"react/sort-comp": [1, {
"order": [
"static-methods",
"lifecycle",
"everything-else",
"render"
浏览 1提问于2017-05-01得票数 5
回答已采纳
1回答
使变量在函数之外可访问
、、、、
我有这个React，我希望在这个变量之外使用gameOfTheUser变量(在箭头函数：userRef. ounce (' value'). then (snapshot =>中创建)，以便能够继续不同的条件。该怎么做呢？我想(我也希望！)这个问题有一个简单的解决办法。
我的RouterScreen.js：
import React from 'react';
import { Text } from 'react-native';
import fb from '../engine/firebaseConf
浏览 0提问于2018-03-07得票数 1
回答已采纳
3回答
我正在使用世博会，需要在我的全局样式表中使用自定义字体。Expo 这个，但是它与我的例子无关，因为componentDidMount()只在一个类中执行：
class App extends React.Component {
componentDidMount() {
Font.loadAsync({
'open-sans-bold': require('./assets/fonts/OpenSans-Bold.ttf'),
});
}
// ...
}
我的全局样式表如下所示：
const React = requi
浏览 38提问于2017-02-14得票数 3
2回答
我的职能是：
reload() {
myService.queryData()
.done(...)
.always(() => throw "fake exception"); //just to simulate the failure
}
我希望我的测试重新加载函数，并确保它不会抛出异常或承诺回调。
describe("reload", function () {
it("does not throw exception", function (done) {
spyO
浏览 2提问于2016-06-22得票数 3
回答已采纳
我目前在一个web应用程序上工作，我有一个JS日志记录机制，可以处理页面中的js代码没有捕获到的Javascript错误。我正在使用window.onerror来捕获所有此类错误，并将它们记录在其他位置。
但是，问题出在没有window.onerror事件Opera上。我能想到的一种方法是，字符串处理所有js函数代码，并在主体加载后在这些函数中插入try catch块。虽然它在很多情况下不起作用，但至少在某种程度上是起作用的。
我确信这种方法很糟糕，但我想不出比这更好的方法了。请给我建议。
更新:现在，我调用下面的代码来捕获尽可能多的错误。
function OnBodyLoad()
{
浏览 2提问于2009-03-14得票数 8
回答已采纳
我正在将我们的应用程序从react 15.4迁移到react 16。我们使用的是react的新errorBonudries，这很棒，但它有一个主要问题-事件和异步操作不会被错误边界捕获，我需要捕获并记录它们。
我找到的变通方法是usign window.onerror，但看起来react“吞噬”了真实的错误细节，因为没有关于错误的真实数据被发送到事件。
对于这种类型的处理，有没有什么建议不包括对我们正在编写的每个事件块使用try/catch？
谢谢!
浏览 0提问于2017-10-29得票数 2
1回答
我有一个在页面上呈现项目的React组件。从网络中检索项目。
加载组件时，应检索并呈现这些项。
也会有一种在组件加载后更新项目的机制。
我的第一个想法是将网络请求定位在componentDidMount函数中。
这样做会打破任何与redux和单向数据流/不变性相关的最佳实践吗？
相反，我是否应该向存储发送一个操作，并依赖redux中间件来执行网络请求(这最终将更改存储并导致组件的重新呈现)？
浏览 9提问于2017-07-19得票数 1
回答已采纳
我正在练习打字稿，我遇到了一个不允许我继续前进的错误：Property 'isMounted' does not exist on type 'ErrorBoundary'。
我有以下边界组件
// React
import React from 'react'
// Librarys
import ReportIcon from '@mui/icons-material/Report';
type ChildrenProp = {
children: React.ReactNode,
}
type Boundar
浏览 1提问于2022-05-13得票数 0
回答已采纳
我使用window.onerror(message,url,line)记录错误消息，因为它提供了比try{}catch(e){}更多的调试信息。
然而，请考虑以下几点：
function1(); // Generates error
function2(); // Will not be executed
如何确保function2仍在使用window.onerror时触发？
浏览 2提问于2012-05-08得票数 1
回答已采纳
1回答
如何动态加载模块的反应本机？
、、、、
我目前正致力于在我的react原生应用程序中添加对的支持。我使用包，并且有一个要求:只有当某些常量设置为true时，才应该导入包，例如，SHOULD_USE_SENTRY。所有哨兵配置都存储在一个单独的文件中，该文件还公开了两个方法：setupSentry和captureException，它们分别在componentDidMount和componentDidCatch的应用程序根目录中使用。如何在根组件中动态加载这些方法，以便当SHOULD_USE_SENTRY的值为false时，在调用方法后不会引发错误？我希望我把我的问题描述得够清楚了。
浏览 0提问于2018-09-21得票数 7
我希望能够将所有的javascript错误发送到页面上。我是一个扩展开发人员，所以下面的重点是确保dom在调用它之前已经准备好了。
我研究了向throw添加一些功能，以便也发送或发送异常，但我发现这是不可能的。
1:这方面的主要解决方案是一个window.onerror处理程序
window.onerror = function(e, url, line){
mailError('onerror: ' + e + ' URL:' + url + ' Line:' + line);
console.error('\nLine
浏览 3提问于2011-08-07得票数 34
回答已采纳
在react中，子组件的componentDidMount()方法在父组件的方法之前被调用，如和所示。
然而，如果孩子的componentDidMount()包含异步代码(例如Fetch API)，情况就不是这样了。
如何仅在解析子进程的异步componentDidMount后运行父进程的componentDidMount()？
浏览 1提问于2019-08-09得票数 2
API 'A‘将为我提供用户名。API 'B‘将为我提供图像。我必须将从API 'A‘获得的用户名作为参数传递给API 'B’，然后API 'B‘将返回一个分配给该用户名的图像。
然后，我必须显示来自API 'A‘的所有信息以及来自API 'B’的图像。
这是我尝试过的：
父组件
import DataItem from "./DataItem";
import React, { Component } from "react";
export default class DataList e
浏览 0提问于2021-11-04得票数 0
我正在考虑使用JavaScript和try{...} catch(e){...}块来处理window.onerror运行时错误。
声明：
请注意，一些/许多错误事件不会触发window.onerror，您必须专门侦听它们。
看来window.onerror和try{...} catch(e){...}都能处理ReferenceError：
而且，两者都不能处理SyntaxError：。
除了使用window.onerror处理错误与使用like处理错误( try{...} catch(e){...} )之间的明显差异外，尝试捕获还允许我们优雅地处理错误、重新抛出错误等等，而window
浏览 3提问于2013-10-02得票数 6
能够在我的仪表板组件中呈现道具，但无法将其传递给componentDidMount进行进一步的ajax处理。
渲染工作正常，并显示信息。
我使用的是火力基地，这是正确的工作。
App.js
// React core.
import React, { Component } from 'react';
import Dashboard from './components/Dashboard';
class App extends Component {
//firebase...
state = {
isSignedIn: undefine
浏览 0提问于2019-04-29得票数 2
回答已采纳
当添加带有指向javascript文件的src字段的script标记时，浏览器将获取并执行该标记。
我想知道的是这个过程是如何工作的。该文件是否被获取，然后以某种方式被eval()编辑?它是一个神秘的过程，发生在我们可以访问的范围之外吗?或者我们可以监视/干扰这一点吗？
为了解释我想要实现的目标:我想让第三方通过链接到他们自己的javascript文件来定制他们在我的站点上的页面。我希望能够集中记录阻止这些外部脚本加载的任何错误(例如，它们的服务器被关闭，解析错误等等)。有可能吗？
谢谢!
显然，解决这个问题还有其他方法，比如在我的服务器上托管他们的脚本，并给他们一个更新的方法，但是我想知
浏览 3提问于2012-12-12得票数 1
回答已采纳
1回答
我遇到了一个问题，如何让react组件具有基于异步获取数据的初始状态。MyComponent从API中获取数据，并通过Mobx action设置其内部data属性。
客户端，调用componentDidMount，然后获取数据，然后设置并正确呈现数据。
import React from 'react';
import { observer } from 'mobx-react';
import { observable, runInAction } from 'mobx';
@observer
export default class MyC
浏览 0提问于2016-12-13得票数 1
回答已采纳
我想在第一次挂载页面时分派一个动作。此操作立即将loading设置为true，然后在2秒后将其设置为false。
注意到当我使用钩子/react组件时，它有不同的行为。当我使用componentDidMount在react组件中编写它时，一切都很好。但是使用钩子useEffect，在调用加载操作之前有一个0.3秒的时间间隔。是什么导致了如此微小的时间间隔？useEffect不应该等同于componentDidMount吗？
运行示例
useEffect()
import React, { useEffect } from "react";
import { useSelect
浏览 3提问于2020-01-06得票数 4
回答已采纳
我的文件中有一个Main类，它扩展了React.Component。类在文件末尾导出。它有一些状态，其中之一是列表(Object[])。在文件中还有另一个类(让我们称之为Foo)，它具有其他功能。我在Main中创建了一个对bar()的引用，然后使用它在Foo中调用bar()。在bar中，我有一个for循环，它应该将5 TestComponents添加到上面提到的列表中。因为它是一个状态，所以我还使用了Foo扩展React.Component。问题是，即使允许我使用setState()，组件也不会被挂载，所以当您修改所获得的状态时：
Warning: Can't call setStat
浏览 4提问于2020-07-30得票数 1
回答已采纳
我有一个基于XPages Bootstrap的应用程序，其中一些函数需要花费一些时间来处理，因此我向页面添加了OpenNTF备用控件()，以便在部分刷新期间显示一个指示器。
由于在部分刷新运行后将控件放在页面上，因此似乎会破坏页面的滚动功能。我可以在部分刷新之前滚动，但不能在之后滚动。
有人知道怎么解决这个问题吗？
浏览 0提问于2016-11-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
