reactjs - 防止函数在 React 中被重复调用

Question

当我调用 getEntries 函数时，updateEntry 和 getEntries 被重复调用，结果我的数据库中有多个错误数据。如果我删除 getEntries 调用行，则 updateEntry 函数将完成并且不会意外触发。以下是片段。任何帮助深表感谢。

已完成与以下相同的函数调用，这些函数按预期工作，即没有意外的重复调用。

const updateEntry = (var1, var2) => {
 service.addEntry({var1}).then((response)=>{
 setHistory(response.data);
 getEntries()
));
}

const getEntries = () => {
 service.getEntries(id).then((response)=>{
 setEntries(response.data)
});
}

const fileProgress = ({
    uploadReady,
    downloadComplete,
    response,
    file
  }) => (
    <div>
      {downloadComplete && file.size < formData.maxFileSize ? (
        updateEntry(var1, var2)
      ) : null}
    </div>
  )

标签： reactjs