Reactjs 违反';requestIdleCallbackHandler';拿ms
我正在编写一个由Reactjs 违反';requestIdleCallbackHandler';拿ms,reactjs,redux,react-router,create-react-app,Reactjs,Redux,React Router,Create React App,我正在编写一个由创建react app和redux、react redux和react router生成的应用程序。每当我点击链接时,如下所示: import React from 'react' import { Link } from 'react-router' import ThingCard from '../../components/ThingCard' const ThingsList = ({things}) => { return ( <
创建react app
和redux
、react redux
和react router
生成的应用程序。每当我点击链接时,如下所示:
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
从“React”导入React
从“反应路由器”导入{Link}
从“../../components/ThingCard”导入ThingCard
常量ThingsList=({things})=>{
返回(
{things.map(thing=>
)}
)
}
导出默认内容列表
我在控制台中看到以下警告。我不知道它们来自哪里,也不知道它们是什么意思。谷歌搜索没有产生任何有用的结果。这些警告可以安全地忽略吗?如果不能,我如何才能了解更多有关它们的信息?我相信这个问题正在阻止父页面呈现它的子页面
我已禁用所有网络请求
编辑:此错误仅在Chrome Canary中显示,而不在Google Chrome中显示。但是,Google Chrome没有正确地渲染子对象(可能是由于这个问题)可以安全地忽略它。这就是为什么你会看到这个。
在这里看到RequestIdleCall的原因很可能是因为您使用的是React 16+,它具有全新的光纤体系结构
TL;博士它只是通知您,您/他们的一些代码花费的时间超过16毫秒,因此您可能不会总是得到60 fp。我现在在Chrome stable中也看到了这一点。2017年1月左右使用CRA制作的react应用程序被弹出。所以不管CRA变成什么都不跟踪。我看到它使用的唯一地方是依赖项node_modules/coniuse db/{data.json,features json/{requestidlecallback.json,data-1.0.json,data-2.0.json}
。