首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >代码镜像6& CM6状态重置后更新重新订阅的React组件

代码镜像6& CM6状态重置后更新重新订阅的React组件
EN

Stack Overflow用户
提问于 2022-02-12 09:40:39
回答 1查看 542关注 0票数 0

最近,我开始使用CM6,并被困在一个react组件上,该组件包含选项卡,每个选项卡指向单独的文本/代码。在选项卡单击时,我重置CM6状态。在组件的init上,我通过以下方式注册了一个事件侦听器:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
extensions.unshift(EditorView.updateListener.of(onUpdate))

现在,在用户单击另一个选项卡/文件后,我通过以下方法重置编辑器:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
view?.setState(
    EditorState.create({
      doc: resetValue,
      selection,
      extensions: [mySetup, EditorView.updateListener.of(onUpdate)],
    }),

我重置,因为我不想混淆历史之间的不同“文件”。复位后,我无法让onUpdate用适当的上下文触发。它总是指向原著。换句话说,该处理程序之外的onUpdate定义中的任何值都不是当前值。

我试图了解如何取消初始onUpdate注册,并在重置后的扩展中再次注册它?我试过这样的方法:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 view?.dispatch({
      effects: StateEffect.reconfigure.of([EditorView.updateListener.of(onUpdate)]),
 });

任何帮助都将不胜感激。

EN

回答 1

Stack Overflow用户

发布于 2022-02-15 14:48:53

步骤是正确的。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 view?.dispatch({
      effects: StateEffect.reconfigure.of([EditorView.updateListener.of(<YOUR FN>)]),
 });

将负责重新订阅。

这个问题结束了我的一项职能。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71094333

复制
相关文章
ERP LN Job出错后的状态重置源代码
ERPLN里面的Job可以通过不同的方式来调用执行,如果在Windows平台的话就用类似自动任务的程序来执行如[URL=http://www.networkautomation.com/automate/9/]Automate[/URL]等,但是我们经常会遇到Job出错的时候,这时候不得不在整个Job的Session执行完毕后来设定Job的状态为Free,那么下面的一段代码做成一个Session之后加入到Job的最后来执行就可以解决出错后自动修改状态的问题。
崔文远TroyCui
2019/02/27
6690
React报错之无法在未挂载的组件上执行React状态更新
原文链接:https://bobbyhadz.com/blog/react-cant-perform-react-state-update-on-unmounted-component[1]
chuckQu
2022/08/19
2.3K0
React的无状态和有状态组件
众所周知,React是一个专注于View层的前端框架,组件也】是React核心理念之一,一个完整的应用将由一个个独立的组件拼装而成,组件也是React最基础的一部分,学习React就需要先学习组件。
xiangzhihong
2022/11/30
1.5K0
React技巧1(状态组件与无状态组件的使用)
本教程总共5篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1.React 技巧1(状态组件与无状态组件的使用) ----2018.01.04 2.React 技巧2(避免无意义的父节点)----2018.01.05 3.React 技巧3(如何优雅的渲染一个List)----2018.01.06 4.React 技巧4(如何处理List里面的Item)----2018.01.07 5.React 技巧5(TodoList实现)----2018.01.08 开发环境
前端人人
2018/04/11
1.8K0
React技巧1(状态组件与无状态组件的使用)
React技巧之状态更新
原文链接:https://bobbyhadz.com/blog/react-update-state-when-props-change[1]
chuckQu
2022/08/19
9090
React技巧之状态更新
react子组件向父组件传递数据_react子组件改变父组件的状态
本博客代码是 React 父组件和子组件相互传值的 demo;实现封装一个折线图,折线图选择下拉框,获取下拉框点击的值并且传给父组件根据下拉框筛选的条件更新视图;效果图如下:
全栈程序员站长
2022/10/03
3.6K0
react子组件向父组件传递数据_react子组件改变父组件的状态
深入理解React的组件状态
这几天在阅读徐超老师的《React 进阶之路》,然后在看看自己之前的《React Native移动开发实战》,发现之前我自己的书部分写的比较的浅显,最近打算对基础部分进行升级,加大基础部分,特别是React基础部分的讲解,并对React Native提供的组件部分进行升级。
xiangzhihong
2022/11/30
2.4K0
react 学习(三) 组件更新
我们上一节了了解了函数式组件和类组件的处理方式,本质就是处理基于 babel 处理后的 type 类型,最后还是要处理虚拟 dom。本小节我们学习下组件的更新机制。
测不准
2022/04/08
1.1K0
react 学习(三) 组件更新
React进阶(5)-分离容器组件,UI组件(无状态组件)
至今为止,关于React中的组件已经接触到了有很多,用类class声明的组件,函数式funtion关键字声明的组件,以及样式组件(styled-components),对于前面几节当中已经用Redux实现了一个todolist,但是代码依旧不够完美,我们继续进行拆分的
itclanCoder
2020/10/25
1.5K0
react源码分析:组件的创建和更新
因为初始化的源码文件部分所涵盖的内容很多,包括创建渲染、更新渲染、Fiber树的创建与diff,element的创建与插入,还包括一些优化算法,所以我就整个的React执行流程画了一个简单的示意图。
flyzz177
2022/10/19
1.2K0
React进阶(5)-分离容器组件,UI组件(无状态组件)
至今为止,关于React中的组件已经接触到了有很多,用类class声明的组件,函数式funtion关键字声明的组件,以及样式组件(styled-components),对于前面几节当中已经用Redux实现了一个todolist,但是代码依旧不够完美,我们继续进行拆分的
itclanCoder
2020/10/28
9670
React进阶(5)-分离容器组件,UI组件(无状态组件)
react源码分析--组件的创建和更新
因为初始化的源码文件部分所涵盖的内容很多,包括创建渲染、更新渲染、Fiber树的创建与diff,element的创建与插入,还包括一些优化算法,所以我就整个的React执行流程画了一个简单的示意图。
flyzz177
2022/12/14
1.2K0
react源码之组件的创建和更新
因为初始化的源码文件部分所涵盖的内容很多,包括创建渲染、更新渲染、Fiber树的创建与diff,element的创建与插入,还包括一些优化算法,所以我就整个的React执行流程画了一个简单的示意图。
flyzz177
2022/12/05
1.1K0
子组件传对象给父组件_react子组件改变父组件的状态
sendData = () => { let data = ‘1234’; this.props.getData(data); //这个this,props.xxx 后面的xxx是是在父组件那使用的名字; }, 然后可以在render函数后使用这个方法或者另外定义一个事件去触发该方法进行传值,
全栈程序员站长
2022/10/04
2.8K0
react 中组件状态的一些理解
当一个html标签的值依赖于state的值得时候,如果state的值没有更新时,这个标签的值无论如何也是不会更新的。
全栈程序员站长
2021/04/07
1.4K0
React Native探索之组件的属性和状态
在Android或者iOS开发中我们会用到很多控件,这些控件会有很多的属性、样式等等。同样的,React Native中的组件也有属性、样式和状态。
用户1269200
2018/10/25
2.1K0
React Native探索之组件的属性和状态
react源码解析12.状态更新流程
我们重点看下重点看下this.setState和this.forceUpdate,hook在第13章讲
长腿程序员165858
2023/01/03
1K0
react源码解析12.状态更新流程
我们重点看下重点看下this.setState和this.forceUpdate,hook在第13章讲
全栈潇晨
2021/06/15
1.1K0
react源码解析12.状态更新流程
我们重点看下重点看下this.setState和this.forceUpdate,hook在第13章讲
zz1998
2021/12/15
8340
react源码解析12.状态更新流程
我们重点看下重点看下this.setState和this.forceUpdate,hook在第13章讲
zz1998
2021/12/03
9670

相似问题

状态更新后,React组件不会重新呈现

220

更新useEffect内部状态后重新加载react组件

12

React组件在更新到状态后不重新呈现

20

重置React组件状态

118

在状态更新后未正确重新呈现的React组件

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文