问题标签 [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.
codemirror - CodeMirror 6 React 包装器?
我开始在 React 项目中使用 CodeMirror 6(也就是暂时的下一个)。
过去,我使用 React CodeMirror 2 作为包装器。即将推出的 CodeMirror 版本是否有类似的功能?
javascript - 使用 CodeMirror 6 编辑器在嵌套组件中错误更新反应状态
我有一些组件嵌套在一个更大的“控制器”组件中。
整个演示应用程序如下。还有一个StackBlitz。
当组件触发包装器时,App
组件承载updatePostProperty
传递给Wrapper
使用它的组件的组件。PostEditor
onChange
CodeEditor
CodeMirror
这里的问题是,在您单击其中一个帖子并编辑标题和副标题后,标题会恢复为初始值。
场景:
点击第一个帖子并尝试编辑标题。!
在标题中添加一个。您会看到列表中的帖子已更新。
通过向其添加字符来编辑副标题后,您将看到标题恢复到组件!
中的先前状态(没有 )App
。
为什么反应做这个“恢复”更新?
更新:
useEffect
在更改原始posts
数组之前,我对要使用的脚本进行了一些调整。- 我添加了一个常规
input
元素以查看问题是否仍然存在。似乎该问题已通过常规input
s 解决。
但是,我希望有人能就为什么 CodeMirror 的连接方式仍然存在问题。