我要评论现象：
<codemirror/>组件的数据已经赋上值的情况下，初始状态不渲染数据，需要点击编辑框获取焦点后才展示，或者延迟了几秒才显示出来。
原因：
指定了一些依赖的版本，可能不兼容了一些功能，导致这个现象出现
解决：
1. 手动引入自动刷新的插件 ;
2. 配置一下参数 。
代码如下：
import {uncontrolled as codemirror} from 'react-codemirror2';
import 'codemirror/lib/codemirror.css';
import 'codemirror/mode/sql/sql';
...
// 引入自动刷新
import 'codemirror/addon/display/autorefresh'
<codemirror
value={format(code,{lanuage:'plsql'})}
options={
autorefresh: true, // 重点是这句，为true
scrollbarstyle: null,
mode: 'text/x-pgsql',
theme: 'material',
autofocus: false,
readonly: false,
linenumbers: true,
smartindent: true,
lint: true,
lintwrapping: true
}
onchange={(editor,data,value)=>{...}}
>
</codemirror>
发表评论