react 使用副文本编译器ueditor

1.修改配置   

    ueditor.all.js  

记得要把ue这个文件给暴露出去  

在这个文件最下方添加   export default UE;

2.修改ueditor.config.js

去掉上下的jq加载 也就是   (function(){})()    在其最下面添加导出

export default UEDITOR_CONFIG;

3.修改 zh-cn.js 文件

var I18N = {}

export default I18N ;

4.使用方法  : 自己封装了一个react组件

组件

中间设置其value 和 是否可以编辑用了定时器，这是因为一开始我们刚创建UE的时候，它还没有渲染完成，所以我们要使用定时器来异步处理，

还遇到一个问题就是项目需求需要有失去焦点事件，但是UE本身好像没有这个失去焦点事件，或者这个事件不符合我们的标准，于是从网上搜了一种方法就是监听UE的失去焦点事件，但是同时悠悠一个问题困扰着我，就是我的失去焦点事件一般在哪里调用呢，我选择了在React生命周期的componentDidUpdate里面来调用这个失去焦点事件，因为每次改变都会更新，但是同时又发现了一个问题，就是在这个生命周期里面setstate会造成死循环，但是网上搜的有大神说可以加一个有效的判断就不会造成死循环了，但是我们的这个没有什么有效的判断，所以又换了另一种想法，就是我直接不用setstate就ok 了

ue失去焦点事件

还有一些自己遇到的小问题就是一些babel的配置什么css报错啊，import 报错啊，就要首先检查一下自己的babel是否配置了。

还遇到一个问题就是react modal弹窗，只有第一次走了生命周期的componentDidMount方法，其它就不走这个方法了 ，解决方案就是在modal上面加随机key值

即每次根据key值 的不同重新渲染了modal框，然后就重新走了一遍生命周期即可

引用来自：ReactJs将Modal中组件销毁