时间戳

首页 > 解决方案 > 为 React 函数保留状态文本，没有 Redux

javascript - 为 React 函数保留状态文本，没有 Redux

问题描述

我有一个文件app.js，其中包含一些 React 代码。该代码会产生类似于基本看板的东西。现在，用户可以为板子创建一个新的 div，然后编辑或将 div 拖到一个列中。但是，如果在跨列拖动之前已经编辑了 div，则不会保留状态；div 内容将消失。

我尝试在返回的 div 中编辑代码，修改 isContentEditable 属性，但无济于事；状态丢失，输入的内容消失，留下一个空的div。我正在研究 redux，但时间紧迫。我尝试了 React Context 而不是我的本地状态，但这似乎也不起作用。

作为参考，这里是沙箱中的代码：

https://codesandbox.io/s/sweet-feather-80261

感谢所有帮助，前端开发的新手！

标签： javascriptreactjs

解决方案

您可以使用unstated它来保存状态，因为它简单有效，请查看https://github.com/jamiebuilds/unstated

编辑：我检查了代码，它不需要您只需要使用 contenteditable 包的商店，我已经更新了代码和框检查它： https ://codesandbox.io/s/ecstatic-blackwell-4l963

推荐阅读