如何解决react-hooks / exhaustive-deps用于react chartjs 2的图表数据
我正在使用react chartjs2显示折线图。并且图表的数据在useEffect中正在更新。该图显示数据。事情是可行的。但是我得到了这个钩排气部规则警告:
第51行:React Hook useEffect缺少依赖项:'chartData'。 要么包含它,要么删除依赖项数组react-hooks / exhaustive-deps
但是,如果我添加状态chartData,则页面冻结,因为我认为它会陷入无限循环。数据可能正在继续调用。 代码是:
const [chartData,setChartData] = useState({
labels: [],datasets:[]
});
useEffect(()=>{
let oNewChartData = {...chartData};
oNewChartData.labels = [1,2,3,4,5,6,7];
oNewChartData.datasets = [{
label: 'Week',borderColor: 'green',fill: false,data: {x:[1,7],y:[0,1,5]}
}
]
setChartData(oNewChartData);
}
},[props]);
解决方法
是的,这是因为useEffect将在更新chartData时触发,并且您在useEffect中更新chartData,这将导致无限循环。我的猜测是,您有一个ESLint告诉您将此值包含在useEffect中。
ESLint不了解react中的无限循环
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。