javascript - 状态在控制台中更新但未添加到屏幕

Question

我对 React 和 JavaScript 还是有点陌生​​。我正在尝试创建一个 Daily Wins 应用程序，用户可以在其中添加一个条目。我能够创建一个新条目，并且当我控制台日志时，新条目的状态会更新，但数据不会呈现在屏幕上。该代码可在此代码框中查看：https://codesandbox.io/s/mindfulness-codesandbox-fe7ys?file=/src/components/DailyWinsComponent.js: 1076-1197

抱歉，这可能是一个非常常见的问题（这是我在这里的第一个问题）！

空的新条目 控制台日志，其中包含该空的新条目的更新状态

标签： javascriptreactjs

Answer 1

您错过了提交功能中的匹配键。所以当前对象不匹配。需要在提交函数中分离对象：

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

    setCurrentEntry(initialEntryValue);
  };