问题标签 [codemirror-6]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
300 浏览

codemirror - CodeMirror 6 React 包装器?

我开始在 React 项目中使用 CodeMirror 6(也就是暂时的下一个)。

过去,我使用 React CodeMirror 2 作为包装器。即将推出的 CodeMirror 版本是否有类似的功能?

0 投票
2 回答
159 浏览

javascript - 使用 CodeMirror 6 编辑器在嵌套组件中错误更新反应状态

我有一些组件嵌套在一个更大的“控制器”组件中。

整个演示应用程序如下。还有一个StackBlitz

当组件触发包装器时,App组件承载updatePostProperty传递给Wrapper使用它的组件的组件。PostEditoronChangeCodeEditorCodeMirror

这里的问题是,在您单击其中一个帖子并编辑标题和副标题后,标题会恢复为初始值。

场景:
点击第一个帖子并尝试编辑标题。!在标题中添加一个。您会看到列表中的帖子已更新。
通过向其添加字符来编辑副标题后,您将看到标题恢复到组件!中的先前状态(没有 )App

为什么反应做这个“恢复”更新?

展示不良反应行为的 gif


更新

新的 StackBlitz

  • useEffect在更改原始posts数组之前,我对要使用的脚本进行了一些调整。
  • 我添加了一个常规input元素以查看问题是否仍然存在。似乎该问题已通过常规inputs 解决。

但是,我希望有人能就为什么 CodeMirror 的连接方式仍然存在问题。