Javascript Resact Native未在victory Native图表的更改状态下呈现

我正在尝试使用react挂钩的状态更新按钮按下时的胜利图表，如下所示：

const [weightData, setData] = useState([]);
const [date, setDate] = useState(new Date());
const [weight, setWeight] = useState(150);

图表获取权重数据的位置

<VictoryLine
   style={{
     data: { stroke: "red" },
     parent: { border: "1px solid #ccc" },
   }}
   data={weightData}
/>

我对这种方法的问题是，渲染似乎落后于3次按钮点击。我觉得它与异步更新状态有关，但是，我尝试的修复都不起作用。使用dev工具检查显示，状态每次都在使用正确的对象更新，但是图形似乎落后于3次更新。如果您对如何在按下按钮后进行react渲染有任何建议，我们将不胜感激

const addWeight = () => {
  setData(prevData => {
    return [{x: date, y: weight}, ...prevData];
  });
}

<Button
  color="red"
  onPress={addWeight}
  title="Add"
/>