reactjs – 违反’requestIdleCallbackHandler’花了ms

发布时间：2020-12-15 20:19:36 所属栏目：百科来源：网络整理

导读：我正在使用redux,react-redux和react-router编写一个使用create-react-app生成的应用程序.每当我点击这样的链接时： import React from 'react'import { Link } from 'react-router'import ThingCard from '../../components/ThingCard'const ThingsList = (

我正在使用redux,react-redux和react-router编写一个使用create-react-app生成的应用程序.每当我点击这样的链接时：

import React from 'react'
import { Link } from 'react-router'
import ThingCard from '../../components/ThingCard'


const ThingsList = ({things}) => {
    return (
        <ul>
            {things.map(thing => 
                <Link to={"/things/"+thing.id} key={thing.id}><ThingCard thing={thing}/></Link>
            )}
        </ul>
    )
}

export default ThingsList

我在控制台中看到以下警告.我不知道他们来自哪里或者他们的意思.谷歌搜索没有产生任何有用的结果.是否可以安全地忽略这些警告,如果不能,我怎样才能更多地了解它们？我相信这个问题阻止了父页面呈现它的孩子.

enter image description here

我已禁用所有网络请求.

编辑：此错误仅显示在Chrome Canary而不是Google Chrome中.但是,Google Chrome无法正确呈现孩子(可能是由于此问题)

解决方法

可以安全地忽略它.这是 good explanation你为什么看到这个.
你在这里看到requestIdleCallback的原因很可能是因为你使用的是React 16,它有一个全新的架构Fiber You can read more about it

TL; DR;它只是通知你,你/他们的一些代码花了超过16ms,因此你可能不会总是得到60fp.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!