违规'requestIdleCallbackHandler'花了ms

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; DR;它只是告诉你你的一些代码花了超过16ms，因此你可能不会总是得到60fp。