小编max*_*jas的帖子

我正在构建我的 React 应用程序，突然出现以下错误：

错误：缩小 React 错误#321；请访问 https://reactjs.org/docs/error-decoder.html?invariant=321了解完整消息，或使用非缩小开发环境了解完整错误和其他有用的警告。

现在我的应用程序只显示位于 App.js 中的绿色圆圈按钮，React 中构建的网站的其余部分不显示任何内容（白色页面）。

当我尝试将一些 .mp4 视频上传到服务器时，更新代码后就发生了这种情况。我访问了https://reactjs.org/docs/error-decoder.html/?invariant=321以获取完整的消息详细信息并检查 3 个可能的原因：

1. 您的 React 和渲染器版本可能不匹配（例如 React DOM）
2. 你可能违反了 Hooks 规则
3. 您可能在同一个应用程序中拥有多个 React 副本

我验证了这 3 个原因，看起来没问题。

您以前处理过类似的事情吗？你是怎么解决的？您知道如何调试错误吗？

我感谢任何帮助，如果您需要有关代码或问题的更多详细信息，请询问。

我已经尝试过使用状态与 Javascript 和 React 相关的解决方案，但我无法使用 Hooks 来做到这一点。我想为我渲染的每个元素添加3 秒的延迟array.map

import React, { useState } from 'react';

const DelayMapHooks = () => {
    
    const [array, setArray] = useState([1, 2, 3])
    return (
        <div>
            {
                array.map((elem, key) => {
                    // ADD DELAY HERE FOR EACH ELEMENT
                    return( <div>Number: {elem}</div> )
                })
            }
        </div>
    );
};

export default DelayMapHooks;

我尝试在地图后立即添加等待/异步，await delay(3000)与函数一起使用

const 延迟 = ms => {return(new Promise(res => setTimeout(res, ms)))}

但它不起作用，显示错误： Objects is not valid as a React child …