Javascript 如何为React函数保留处于状态的文本

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

我尝试过在返回的div中编辑代码，修改isContentEditable属性，但没有效果；状态丢失，输入的内容消失，留下一个空div

以下是沙盒中的代码供参考：

---

感谢您的帮助，我们将全力支持前端开发

尝试对功能组件使用useState钩子，或者查看Redux以实现全局状态

---

Redux将允许您拥有可由多个组件更改和使用的状态。

Hi！听起来很酷，但我不确定从哪里开始。你能帮助在沙箱中实现吗？（为了记录在案，我没有否决你的答案！据我所知，你的答案听起来不错）哈哈，谢谢！YouTube上的Brad Traversy在这两个主题（React hooks和Redux）上都有非常深入的视频。Redux可以接受很多，但是对于更大的项目来说，它是令人惊奇的。如果你想在组件之间使用状态，我相信Redux是最好的方法，并且在行业中被大量使用。我在oreilly上找到了一本react with Redux的书，但是在紧要关头，我必须尽快为我的团队完成这项工作！谢谢，期待阅读：）您可以尝试使用React上下文，而不是本地状态。卸载组件后，本地状态将丢失。这就像你的

dnd

插件是如何工作的。