时间戳

首页 > 解决方案 > 保存到移动设备上的本地存储 [React]

javascript - 保存到移动设备上的本地存储 [React]

问题描述

我有一个简单的笔记应用程序，可以保存到本地存储。用 React 构建。它在桌面上运行良好。

但是，如果我在移动设备上访问该网站，它不会保存到本地存储中。有什么我需要知道的。

代码看起来像这样

export default function App() {
  const localNotes = localStorage.getItem("notes");
  const [notes, setNotes] = useState(localNotes);

  const handleChange = e => {
    localStorage.setItem("notes", e.target.value);
    setNotes(e.target.value);
  };

  return (
    <form>
      <label for="pad">
        <span>Add your notes</span>
        <textarea
          rows="10"
          placeholder="Add notes here "
          name="pad"
          value={notes}
          onChange={handleChange}
        />
      </label>
    </form>
  );
}

标签： javascriptreactjsreact-hooks

解决方案

为了能够在您需要访问权限的设备上书写，您用来保存的功能可以在桌面上完美运行，但在设备、Android 或 iOS 上则完全不同。你应该看看那个。

推荐阅读