问题描述
我正在尝试使用反应挂钩中的状态来更新按钮按下时的胜利图:
const [weightData,setData] = useState([]);
const [date,setDate] = useState(new Date());
const [weight,setWeight] = useState(150);
图表以weightData表示的地方
<VictoryLine
style={{
data: { stroke: "red" },parent: { border: "1px solid #ccc" },}}
data={weightData}
/>
并按下按钮时更新数据,如下所示:
const addWeight = () => {
setData(prevData => {
return [{x: date,y: weight},...prevData];
});
}
<Button
color="red"
onPress={addWeight}
title="Add"
/>
我对这种方法的问题是,渲染似乎大约落后3个按钮。我觉得这与更新异步状态有关,但是,我尝试的所有修复均无用。使用开发人员工具进行检查表明,每次状态都在使用正确的对象进行更新,但是该图似乎落后3个更新。关于如何在按下按钮时做出反应渲染的任何建议,将不胜感激。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)