Question

在我的React应用程序中，登录到应用程序后，我会将一系列社区问题存储在本地存储中。但是，当我尝试将另一个社区问题添加到列表中并更新本地存储时，结果是不确定的。

这是我的问题上下文配置...：

function IssueProvider({ children }) {
  const issues = JSON.parse(localStorage.getItem('issues'));
  const [issueState, setIssueState] = useState(issues);

  function setIssueInfo({ issues }) {
    localStorage.setItem('issues', JSON.stringify(issues));
    setIssueState(issues)
  {
}

...这是利用提供程序的功能：

function handleSubmit(event) {
  const { data } = await <my axios request>

  issueContext.setIssueInfo(data);
  history.push(`profile`);
}

有趣的是，当我登录并获取这些问题时，它们已成功登录到本地存储。但是，当我尝试通过添加新的社区问题进行更新时，本地存储中的值返回未定义。感谢您的提前帮助！

Answer 1

常量问题= JSON.parse（localStorage.getItem（'issues'）;

上一行缺少右括号。这是您面临的问题吗？您能详细说明您真正面对问题的地方吗？

常量问题= JSON.parse（localStorage.getItem（'issues'））;

调用以更新未定义的本地存储

1 个答案: