reactjs - 违规 'requestIdleCallbackHandler ' 花费了毫秒

Question

我正在编写一个使用 create-react-app 生成的应用程序与 redux , react-redux ，和react-router 。每当我点击 Link像这样:

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

我在控制台中看到以下警告。我不知道它们从哪里来，也不知道它们的意思。谷歌搜索没有产生任何有用的结果。可以安全地忽略这些警告吗？如果不能，我怎样才能找到有关它们的更多信息？我相信这个问题正在阻止父页面呈现其子页面。

我已禁用所有网络请求。

编辑:此错误仅显示在 Chrome Canary 中，而不显示在 Google Chrome 中。但是，Google Chrome 浏览器无法正确渲染子项(可能是由于此问题)

Answer 1

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

TL;博士;它只是通知您，您/他们的某些代码花费的时间超过 16 毫秒，因此您可能并不总是获得 60fp。