如何根据 useState 显示数据库中递增的条目?

问题描述 投票:0回答:0

我在 ReactJS 中有这个功能。当用户打开主页时,会显示数据库中的良好条目数。但是当我刷新页面时,计数从 0+1 开始。哪里错了?

const [user, setUser] = useState({ id: "", name: "", email: "", entries: 0, joined: "", });

const onButtonSubmit = () => {
  setImageUrl(input);
  fetch("http://localhost:3000/imageurl", {
      method: "post",
      headers: {
        "Content-Type": "application/json",
        Authorization: "bearer " + localStorage.getItem("token"),
      },
      body: JSON.stringify({
        input: input,
      }),
    })
    .then((response) => response.json())
    .then((response) => {
      if (response) {
        setUser((prev) => {
          localStorage.setItem(
            "user",
            JSON.stringify({
              ...JSON.parse(localStorage.getItem("user")),
              entries: prev.entries + 1,
            })
          );
          return { ...prev, entries: prev.entries + 1 };
        });
      }
      displayPredictions(handleApiPredictions(response));
    })
    .catch((err) => console.log(err));
};
javascript reactjs counting
© www.soinside.com 2019 - 2024. All rights reserved.