react钩子/react chartjs 2的图表数据的穷举deps

Question

我使用react chartjs2来显示折线图。图表的数据正在更新中。图表显示了数据。一切都在运转。但我得到这个钩子排气deps规则警告：

第51行：React Hook useEffect缺少依赖项："chartData"。要么包括它，要么删除依赖数组react hook/exhaust deps

但如果我添加状态chartData，那么页面就会冻结，因为我认为它将进行无限循环。数据可能正在调用continuesly。代码为：

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,2,3,4,5,6,7],y:[0,1,2,3,4,5]}
}
]
setChartData(oNewChartData);
}
},[props]);

Answer 1

是的，这是因为更新chartData时会触发useEffect，而您在useEffect中更新chartDame，这将导致无限循环。我的猜测是，您有一个ESLint，它告诉您在useEffect中包含这个值。

ESLint不知道react 中的无限循环