在setTimeout中呈现组件时出现问题
是因为React的渲染机制和JavaScript的事件循环机制导致的。
React使用虚拟DOM来管理组件的渲染和更新，当组件状态发生变化时，React会重新计算虚拟DOM的差异并进行更新。然而，setTimeout是JavaScript的异步函数，它会将回调函数推入事件队列中，等待主线程空闲时执行。
当在setTimeout中呈现组件时，React可能已经开始计算虚拟DOM的差异并准备更新，但此时setTimeout的回调函数可能已经被执行，导致组件的渲染被打断或延迟。这可能会导致组件的状态和DOM不同步，出现问题。
为了解决这个问题，可以使用React提供的生命周期方法或钩子函数来处理组件的渲染。例如，可以在组件的componentDidMount方法中使用setTimeout来延迟渲染组件，确保在组件渲染之前所有的状态和属性都已经准备好。
另外，可以使用React的异步更新机制来确保组件的渲染在下一个事件循环中进行。可以使用React提供的setState方法的回调函数，在回调函数中进行组件的渲染操作，这样可以确保在下一个事件循环中进行渲染，避免与setTimeout的执行冲突。
总结起来，解决在setTimeout中呈现组件时出现问题的方法有：
- 在组件的生命周期方法中使用setTimeout来延迟渲染组件。
- 使用React的异步更新机制，确保组件的渲染在下一个事件循环中进行。
腾讯云相关产品推荐：
- 云函数（Serverless）：腾讯云云函数是一种无服务器的事件驱动计算服务，可以帮助开发者在云端运行代码，无需关心服务器的管理和运维。官网链接：https://cloud.tencent.com/product/scf
- 云开发（CloudBase）：腾讯云云开发是一站式后端云服务，提供了云函数、数据库、存储、托管等功能，可以快速搭建全栈应用。官网链接：https://cloud.tencent.com/product/tcb
- 云服务器（CVM）：腾讯云云服务器是一种弹性计算服务，提供了可扩展的计算能力，适用于各种应用场景。官网链接：https://cloud.tencent.com/product/cvm
相关·内容
1回答
首先，我无法在这段代码中找出问题所在。但也许这个问题在这里有一席之地。
正如我所理解的，问题可能是在单击按钮后没有更新计数器值。该警报显示单击按钮时的值，尽管在2.5秒的延迟期间，我单击并增加了计数器的值。
我说得对吗?如果是的话，应该在这里修正或增加什么？
import React, { useState } from 'react'
function Root() {
const [count, setCount] = useState(0)
function handleAlertClick() {
setTimeout(() => {
浏览 2提问于2021-10-21得票数 2
回答已采纳
react的官方文档( )说，道具的更新会导致子程序被更新，但在我的代码中没有发生。我是不是遗漏了什么？
我创建了一个父组件(Y)和一个子组件(X)。父级将currentTime作为道具传递给子节点。即使在父支持在3秒后(由于setTimeout)发生变化，子h2标记中的值也不会改变。
我在react ( )的官方页面上发现，“更新可能是由道具或状态的更改引起的。”(我还在下面的官方网站上附上了文本的截图)此外，我还发现“这些方法在组件重新呈现时被调用：”
componentWillReceiveProps()
shouldComponentUpdate()
componentWillUp
浏览 0提问于2018-02-01得票数 1
回答已采纳
2回答
我有一个功能组件，它有一个子组件。子组件显示一些文本，这些文本是通过props从父组件传递到它上面的。当我更改父组件中的文本并将其向下传递时，子组件仍然保留旧文本。
下面是父组件MainPage的最小可重现示例。
function MainPage(){
let text = "This is the original text";
setTimeout(function(){ text = "This is the new text" }, 3000);
return(<DisplayText text={text} />)
浏览 1提问于2019-10-10得票数 7
回答已采纳
我有一段代码(我已经简化为在这里发布)，它创建了一个组件并呈现它
const getComponentToRender = (user, path) => {
switch(path ){
case 'ChangePassword':
return <ChangePassword user={ user } />;
case 'NewPassword':
return <NewPassword use
浏览 2提问于2017-10-19得票数 3
1回答
我正在尝试为我的应用程序添加字幕，这是我用React编写的。 我一直在尝试使用setTimeout，如下所示。它在一开始就像它应该的那样运行。 const [paragraphs] = useState(IntroContent.intro.paragraphs);
const [displayParagraph, setDisplayParagraph] = useState("");
const [index, setIndex] = useState(0);
const timeoutDelays = [0, 5000, 4000, 5000, 5000, 11000
浏览 21提问于2020-09-10得票数 1
回答已采纳
我有一个嵌套的反应路由器路由，其中嵌套路由定义在一个独立的组件与主路由器交换机。我在嵌套路由的一个组件中创建了一个链接，将用户带到主路由器交换机中的页面/组件。但是，当单击此链接时，url将正确显示，但我会得到一个空白页。只有当我点击刷新按钮时，页面才会正确显示。如何使页面在不刷新的情况下正确显示？有趣的是，当我使用a并将href设置为页面时，链接工作正常。
谢谢!
浏览 9提问于2022-01-03得票数 -2
2回答
假设这里有这样的代码：
const [a , setA] = useState(false);
useEffect(() => {
setA(true);
setTimeout(()=>{
setA(false);
},300);
},[a]);
我有两个问题：
1)是否会创建一个无限循环(如果我使用的是与依赖相同的状态)？
2)如果我在useEffect代码的中间中设置状态，组件将立即重新呈现，那么如果组件在useEffect中呈现之前，其余的代码什么时候会执行呢？setA(false)什么时候会发生？
浏览 5提问于2022-05-29得票数 0
回答已采纳
我是React的初学者，我正在尝试每3秒调用一次这个API来获取国际空间站的坐标，并在每次调用时将它们渲染到屏幕上。因此，我使用setTimeout()获取API坐标，更新'coords‘状态变量，然后使用useEffect将引用'coordRef’更新为这些值，然后将这些值传递给子组件'TomTomSearch'，以便也使用。
问题是，当我在严格模式下运行它时，它会进行许多API调用，然后最终会产生永无止境的API调用流，从运行时的多个控制台日志中可以看出，当我在没有严格模式标记的情况下运行它时，它在每个setTimeout()调用中只调用它一次。我正在使用的
浏览 2提问于2021-05-26得票数 0
1回答
当向我已经存在的应用程序添加实质性UI时，我遇到了一个问题。基本上发生的事情是，当我在我的模型中添加重要的UI组件时，模态的输入动画不会触发。将材料UI降到1.0.0或删除所有MUI组件解决了这个问题。此外，使用任何其他UI库都不会导致此问题。
import React, { useState, useEffect } from "react";
import styled from "styled-components";
import Test from "./Test";
const Overlay = styled.div`
po
浏览 1提问于2019-10-15得票数 1
回答已采纳
我遇到过这样一种行为，TouchableHighlight和TouchableOpacity在渲染时会做出可视反应(onPress没有被调用)。
一件事是它看起来有点奇怪，当我进入页面时，我的按钮会发出一个小小的“眨眼”。这很奇怪，但还可以容忍。更令人沮丧的是，如果我改变父组件的状态，从而调用一个re-render()，按钮将再次“闪烁”，使所有按钮在我改变状态时都闪烁。
按下按钮会改变页面状态，因此按下一个按钮会使两个按钮都“闪烁”。
我使用react-redux，但这不应该影响此行为。
下面的代码只是为了说明。
render()
{
return(
<View
浏览 23提问于2017-02-17得票数 3
我有一个名为flash的组件，它只在DOM中停留5秒(这是一条消息，通知用户他已经成功地发送了帖子)，我希望它在2秒后开始褪色，这样5秒后，当它从DOM中删除时，它的可见性已经设置为0。为了实现这一点，在父组件I setTimeout()中，发送一个包含布尔值集为true的闪存组件，其中它有一个if等待该布尔值，当它得到该布尔值时，它会向该组件分配一个新类，以使其消失。听起来很完美，但不幸的是它根本不起作用.我尝试在闪存组件中更新类，但它也不起作用.也许你能想出点什么？我确信，发送闪光灯的反应与预先安排的组件是一个小的反应，但我只是想不出任何办法来做！
父组件：
if(this
浏览 6提问于2021-03-16得票数 1
回答已采纳
我在react中有一些问题。这不是什么大问题，但我不明白。
我制作了一个组件，其中新数据不断地添加到数据中。首先出现两个控制台日志是有意义的。由于安装和更新。但是下一次，我的question.Why 4控制台日志会出现吗？然后是8.然后是16.然后是32.....
下面是代码。
import React, { useState } from 'react'
const Ex = () => {
const [state, setstate] = useState({ test: 'data' })
const handleDate = (
浏览 6提问于2021-05-25得票数 0
5回答
我是Reactjs的新手。我不确定如何在Reactjs中添加delay来渲染.What是增加延迟的最好方法。
我在render中添加了以下代码，但它不起作用。
setTimeout(function() {
}, 1000);
浏览 3提问于2017-02-07得票数 38
我在render方法中调用setTimeout以在重定向之前显示几秒钟的消息，除了一个随机整数之外，一切都正常工作，我假设它是接收到的setTimout Id。如何从显示中删除此号码/id？
if(this.props.submitted === 'SUCCESS') {
return (
<div>
...
...
<div className="...">
{
setTimeout(() => {
this
浏览 0提问于2020-11-04得票数 0
我正在创建一个todo应用程序，其中我接受两个输入，一个是todostring，另一个是日期时间-local.I类型的todo的到期日。我想在todo的到期日过期时显示敬酒通知。
浏览 2提问于2022-01-17得票数 0
回答已采纳
1回答
当更新函数使用xsodata时，如何执行函数顺序？！到目前为止，我的问题是更新树表，然后打开更新前已打开的行。我使用的是setTimeout函数，但我知道它实际上不是这个问题的答案。
tEvents.unbindAggregation("rows");
tEvents.bindAggregation("rows",{
path: "events>/prg_years(ID_SCENARIO=" + filterKRVR.scenario + ",I_YEAR=" + filterKRVR.year + "m)
浏览 1提问于2016-02-04得票数 0
回答已采纳
我想有一个页面，呈现一个编辑器，从一个应用程序接口检索文档，然后打印窗口时，编辑器已经更新和完成重新渲染。如何识别编辑器重新渲染的时间？
示例代码：
componentDidMount() {
$.get('/api/')
.done((data) => {
this.setState({ document: Value.fromJSON(data) });
// workaround to try and make sure document is rendered
// what can I do
浏览 24提问于2018-03-01得票数 2
使用Firebase createUserWithEmailAndPassword创建用户时。函数运行两次。这就是为什么，它给错误的电子邮件已经在使用。应用于vue js 2和firebase 9。
async registerForm(){
const auth = getAuth()
const user = await createUserWithEmailAndPassword(auth, this.email, this.password)
.then(userCredential => {
this.userId = u
浏览 2提问于2022-08-06得票数 0
当我呈现应用程序组件时，setTimeout中的代码运行两次。
我看到setTimeout在调用堆栈完成执行后运行。我不知道这是否与此相关。
这与react如何呈现组件有关吗？
index.js
import { StrictMode } from "react";
import ReactDOM from "react-dom";
import App from "./App";
const rootElement = document.getElementById("root");
ReactDOM.render(
&
浏览 31提问于2021-02-15得票数 2
我有一个react组件，它包含一个警报，我正在传递两个道具(但是这两个道具很少在这个组件中改变)。
const AlertPopUp = ({ severity, errors }) => {
const [show, setShow] = useState(true)
console.log('show value of show state: ', show)
useEffect(() => {
console.log('gets here')
const timeId = setTimeout(() => {
浏览 13提问于2022-07-16得票数 1
回答已采纳
我正在处理我的投资组合，但是当我到达体验页面时，我尝试创建一个标题，它的中间部分每秒钟都会发生变化，它的值必须来自已经设置的数组，但是当我运行代码时，它总是返回数组的第一个字符串，谁能帮我解决这个问题吗？
const projectsTitleKeyWords = ['responsible', 'meaningful', 'beautiful']
let titlep2 = 'test'
let index = 0
const change = () => {
titlep2 = projectsTitleKeyW
浏览 2提问于2022-08-31得票数 0
回答已采纳
我一直在尝试使用react-router-dom在ReactJS中创建一个重定向错误页面。此页将显示一个
错误
消息，然后使用来自react-router-dom的{ Redirect }重定向到主页。此重定向将在1.5秒后发生
我曾尝试使用setTimeOut函数来实现1.5秒的延迟，但结果与我预期的不同。我希望页面重定向到'/‘主页，但在浏览器中只显示数字"2“。
import React, {Component} from 'react';
import {Redirect} from 'react-router-dom';
cla
浏览 8提问于2019-07-21得票数 0
回答已采纳
我知道useState返回的方法是异步的，但是，当我运行这段代码时，我将console.log延迟最多5秒，但是它仍然记录前一个值，而不是状态变量的更新值。更新后的值是2，但它仍然是日志1。然而，在工具中，我可以看到当我按下按钮时状态会发生变化，尽管我很想知道为什么在这样的延迟之后控制台会打印一个过时的值？这不是类组件和setState的情况，而是函数组件和useState的情况。
import "./App.css";
import React, { useState, useEffect } from "react";
function App() {
浏览 16提问于2022-08-23得票数 1
如何在开始滚动时向组件中添加类，然后在无状态组件中停止时将其移除。
这不管用
import React from 'react'
let scrollClass = 'Feed';
function handleScroll(e) {
scrollClass = 'Feed scrolling';
}
export default function Feed(){
return (
<div className={scrollClass} onScroll={(e) => handleScroll(e)}>
浏览 10提问于2016-08-13得票数 1
回答已采纳
我试图创建一个用户脚本，以添加一个新的按钮到新的Reddit设计，这样我可以很容易地返回旧的布局。这个新按钮是的
这是我的简单代码：
var parent = document.getElementsByClassName('s17th0jh-5 iAfVlC')
var bOld = document.createElement("button");
bOld.innerHTML = "old";
parent[0].appendChild(bOld);
bOld.addEventListener("click", func
浏览 0提问于2018-07-06得票数 1
回答已采纳
我正在尝试从svg导入一个React，然后将它作为一个支柱发送到另一个组件，以呈现functionComponent。使用下面的设置，这将编译得很好，但是当试图在浏览器中呈现svg时，它最终会崩溃：
错误:对象作为React子对象无效(找到:键为{$$typeof的对象，呈现})。如果您打算呈现一个子集合，请使用数组代替。
下面的类是简化的。但我想做的是：
在overlay.tsx中：
import { ReactComponent as icon } from "/icon.svg";
import CustomItem from "/customItem&#
浏览 5提问于2020-04-15得票数 4
我是一个反应JS的初学者。
我面对着这种奇怪的情况，
const [counter, setCounter] = useState(0);
const incrementCounter = () => {
setCounter(counter + 1);
console.log(counter, "Log inside the function");
};
useEffect(() => {
console.log(counter, "Log inside the useEffect");
}, [coun
浏览 8提问于2022-09-02得票数 2
回答已采纳
我想要一个模板被呈现在一个元素的按钮点击，我已经创建了一个独立的组件(自定义组件)的模板，因为它可能会被多次使用。因此，当我单击“希望编译此自定义组件以返回HTML字符串”时，因为我需要使用该字符串处理某些内容并发送html字符串。是否可以使用angular。
示例代码(简单地解释一下我的情况)
import { templatecomponent } ./template.component
...
onButtonClick(): any
{
return compile(templatecomponent) // return the html from the template
浏览 0提问于2019-08-01得票数 4
我有一个没有实例化的角分量。它位于*ngIf中，因此当条件设置为true时，它将被实例化并显示在页面上。单击按钮时，我将条件设置为true。在该组件中，我有一个主机侦听器侦听单击事件。
所以我的问题是，为什么新实例化的组件能够捕捉到在实例化之前发生的单击？
下面是一个展示问题的stackblitz：
@Component({
selector: 'my-app',
template: `
<button (click)="showOtherComponent = true">Show other component</button&
浏览 0提问于2019-02-14得票数 2
回答已采纳
我希望在next.js中第一次呈现时实现一个加载屏幕，但是当我加载页面时，body内容会在加载程序启动之前闪烁一段时间。我不知道该怎么写才好。如果我将初始状态更改为true，这似乎也不起作用，因为加载程序的包装样式不会应用，相反，我会得到一个空白的html页面，其中左上角是旋转器。
_app.js
function MyApp({ Component, pageProps }) {
const [isLoading, setIsLoading] = useState(false);
useEffect(() => {
setIsLoading(true);
s
浏览 7提问于2022-01-28得票数 0
回答已采纳
我很难用Vue渲染我的孩子的视图。
我的main.js文件如下所示
import DashboardProducts from './components/Dashboard/DashboardProducts'
import DashboardSettings from './components/Dashboard/DashboardSettings'
Vue.use(VueRouter)
Vue.use(Vuex)
const routes = [
{ path: '/activate', component: Activate
浏览 0提问于2017-01-10得票数 0
回答已采纳
1回答
有人能帮帮我吗？当我试图导航到PostScreen时，当没有需要显示的类别时，我会在控制台中得到这个错误：
render**).警告:无法在现有状态转换期间更新(例如在中)呈现方法应该是道具和状态的纯函数。**
import React, { useState, useEffect } from "react"
import { View, TouchableOpacity, ImageBackground, Dimensions } from "react-native"
import { FlatGrid } from 'react-native-s
浏览 2提问于2021-07-18得票数 2
回答已采纳
我编写了一个时间计数组件：
class CountDown extends React.Component {
constructor(props) {
super(props)
const {target} = this.props
this.state = {
target,
}
}
componentDidMount() {
const {target} = this.state
if (target) {
setTimeout(() => {
this.setState({
浏览 3提问于2017-12-18得票数 1
回答已采纳
1回答
我做了一个简单的多步骤形式，只使用反应和上下文。我尝试使用反应式钩，但由于我是一个新的反应，这是有点难以理解它。它显示“错误:超过最大更新深度。”当我在确认后添加用户时，。谢谢你提前帮忙
App.js
function App() {
return (
<GlobalProvider>
<div className="container">
<UserForm />
</div>
</GlobalProvider>
);
}
GlobalState.jsx
浏览 0提问于2020-06-09得票数 1
回答已采纳
1回答
当我尝试用钩子反应反例时，我想看看异步操作是如何在钩子中工作的，所以我将代码放在下面的代码中：
function App() {
const [count, setCount] = useState(0);
var times = count>0?"times":"time";
var txt = count + " " + times;
useEffect(()=>{
setTimeout(()=>{
console.log(txt)
}, 5000)
},[])
return (
浏览 1提问于2020-09-08得票数 1
回答已采纳
我在render()函数中有一个引用，
<FlatList
ref={(ref) => { this.flatListRef = ref }}
data={this.state.data}
renderItem={({ item, index }) => this.renderOuterCard(item, index)}
/>
我需要使用this.flatListRef来调用FlatList's方法，这只有在呈现FlatList时才有可能。否则会发生错误，
无法读取未定义的属性“ScrollToIndex”
(我试图调用FlatLi
浏览 8提问于2020-02-12得票数 3
回答已采纳
我根据窗口的宽度(也基于UI中的其他元素)显示卡片图像。当窗口调整大小事件被触发时，重新计算正在正常发生，但更新的属性不会重新呈现。为了测试，我添加了一个虚拟按钮，并在调整窗口大小后，在单击时调用相同的重新计算函数。但是，这会正确地触发重新渲染。添加以下代码： import {LitElement, html, customElement, property} from 'lit-element';
@customElement('my-component')
export class MyComponent extends LitElement {
浏览 30提问于2020-08-18得票数 0
1回答
let i = 0
function pollDOM() {
console.log(i)
i++
setTimeout(pollDOM, 3000) // try again in 300 milliseconds
}
pollDOM()
上面的函数用于每3秒运行一次，输出如下：
1
// wait 3 seconds
2
// wait 3 seconds
3
// wait 3 seconds
4
// wait 3 seconds, and so on...
但是在Next.js中，它产生的结果如下：
1
2
// wait fo
浏览 5提问于2022-05-28得票数 1
回答已采纳
2回答
在调用setTimeOut(问题，3000)之后，我收到错误消息“无法将类作为函数调用”。“问题”必须是一个类，才能获得类接收的生命周期方法。 到目前为止，我找到的唯一答案是在类中包含“扩展React.Component”，我已经有了。 import React from 'react';
import Question from './Question';
setTimeout(Question, 3000);
function Congratulations(props) {
return(
<div>
浏览 38提问于2018-12-28得票数 1
回答已采纳
1回答
我试图为根元素生成一个组件。
目前，我已经找到了一些与我想要的接近的资源，但使用的是DynamicComponentLoader，即废弃的。
public component: any;
constructor(
public dcl: DynamicComponentLoader,
public _injector: Injector,
public _elementRef: ElementRef
) {
}
public click() {
if(this.component != undefined){
this.component.then((compo
浏览 4提问于2017-05-15得票数 1
回答已采纳
1回答
如何在2秒内隐藏元素
、、、
我使用尾风-css和反应，并希望隐藏div-元素在2秒后。用户按下按钮和一个快捷键持续2秒，以显示建议已经发送。我使用setTimeout，但它不是正确的变体。函数Snackbar获取支持是否snackbar打开 (snackbar = true)、消息对snackbar的 (suggestResponse.message)并应该发送如果snackbarClose (false)
const SnackbarResult = ({
snackbar,
snackbarClose,
suggestResponse,
}: ISnackbarProps) => {
if (s
浏览 2提问于2021-08-31得票数 0
回答已采纳
1回答
无法向DOM添加元素
、、、
在组件中，我有一些代码片段
isLoaded($event) {
console.log($event);
this.visible = $event;
console.log(this.visible);
this.onClick();
}
onClick() {
this.listImage = this.imageService.getImage();
let span = document.createElement('span');
span.innerHTML = ['<img cl
浏览 4提问于2017-08-13得票数 0
回答已采纳
我使用react-bootstrap (0.28.3)，并将React嵌入到一个主干应用程序中。
在我的Backbone视图render中，我正在做这样的事情：ReactDOM.render(React.createElement(MyModal, this.options}), this.el);
当销毁Backbone视图/ Backbone路由器更改路由时，我有一个onDestroyed()来卸载React组件。
onDestroyed() {
ReactDOM.unmountComponentAtNode(this.el)
}
但是，这会导致模式在没有动
浏览 2提问于2016-02-11得票数 2
1回答
反应延迟渲染
、、
假设我有一个用React编写的选项卡控件组件。只有活动选项卡才会呈现更好的性能(如果我呈现所有选项卡，则需要5秒，因为大约有20个选项卡，每个选项卡包含大量数据)。当我单击其他选项卡以激活它们时，将呈现其他选项卡。
这非常好，除了一个标签。特殊选项卡比其他选项卡大得多，它包含一个有2000行的表，因此React需要3秒来呈现它。这使得用户体验非常糟糕:单击选项卡，3秒内什么也不会发生，因为React正在忙着呈现，然后突然出现了大表。
在没有反应的情况下，我通常这样做：
在新的active选项卡中添加一些加载指示符
切换到新的活动选项卡
setTimeout(render(), 50
浏览 5提问于2015-10-13得票数 4
1回答
根据文档，我可以将变量属性动态化：。
但是，当我试图将initial属性动态化时，这并不起作用。
例如：
import React, { useState, useEffect } from "react";
import { motion, useAnimation } from "framer-motion";
//make div appear from either bottom or right, depending on "origin" custom prop
const variant = {
hidden: (origin
浏览 2提问于2021-09-25得票数 2
在渲染Meta标签时是否会触发事件？
在我的angular 4应用程序中，我有一些动态路由，比如：
const routes: Routes = [
{ path: 'products/:slug', component: ProductComponent }
];
在ProductComponent (product.component.ts)中，我获得的元数据如下：
ngOnInit() {
let currentSlug = this.route.snapshot.paramMap.get('slug');
//Makes ajax
浏览 1提问于2017-07-30得票数 0
我正在做一个项目，并且第一次遇到这个问题，当组件被呈现时，它没有在屏幕上显示任何东西。然后调用componentDidMount，然后在屏幕上看到一些东西。
我的应用程序组件
class App extends React.Component {
state={loading: true};
componentDidMount(){
alert("Inside did mount");
this.setState({loading: false});
}
render() {
alert(this.state.loading);
浏览 9提问于2022-07-16得票数 0
2回答
我创建了几个包含财务数据的列表项目，并希望使用在旁边显示一个迷你图表。因此，在映射数组时，我试图获取图形数据，因为检索数据可能需要一些时间，但似乎无法让图形组件正确地更新支柱值。
一旦数据从提取中撤回，如何更新Sparkline组件中的支柱数据?是否有可能？
下面是我的代码示例
class CurrencyList extends Component {
currencyGraph(symbol) {
return fetch(baseURL, {
method: 'POST',
headers: {
&
浏览 3提问于2017-12-21得票数 1
回答已采纳
1回答
我在App文件中有这样的悬念
<Suspense fallback={<DelayedFallback />}>
然后我有一个useEffect/setTimeOut：
const DelayedFallback = () => {
const [loaded, setLoaded] = useState(false);
useEffect(() => {
setTimeout(() => setLoaded(true), 5000);
}, []);
return <> {!loaded &&
浏览 6提问于2022-06-25得票数 2
回答已采纳
我想在使用setTimeout一段时间后在我的App.Js中渲染一个组件，有什么方法可以做到吗？ 当我尝试的时候，什么也没发生... 我的代码： function App() {
return (
<Router>
<GlobalStyle />
<SearchProvider>
<Header />
<Switch>
<Route exact path="/">
{setTimeout((
浏览 17提问于2021-08-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
