State 在控制台中更新但未添加到屏幕

Question

我對 React 和 JavaScript 還是有點陌生。 我正在嘗試創建一個 Daily Wins 應用程序，用戶可以在其中添加一個條目。 我能夠創建一個新條目，當我在控制台登錄時，state 會針對新條目進行更新，但數據不會在屏幕上呈現。 該代碼可在此代碼框中查看： https://codesandbox.io/s/mindfulness-codesandbox-fe7ys?file=/src/components/DailyWinsComponent.js:1076-1197

抱歉，這可能是一個非常常見的問題（這是我在這里的第一個問題）！

空的新條目控制台日志，其中包含該空的新條目的更新 state

Answer 1

您錯過了提交 function 中的匹配鍵。 所以當前的 object 不匹配。 需要在提交 function 中分離 object：

  const onSubmit = (e) => {
    e.preventDefault();
    if (!currentEntry.date) {
      alert("Please add your entry");
      return;
    }
    onAdd({...currentEntry }); //change here

    setCurrentEntry(initialEntryValue);
  };