react项目实战学习笔记-学习48-bug修复

简介: react项目实战学习笔记-学习48-bug修复
+关注继续查看
// 模拟componentDidMount
  useEffect(() => {
    editor = new E('#div1')
    editor.config.onchange = (newHtml) => {
      setContent(newHtml)
    }
    editor.create()
    // 根据地址栏id做请求
    if (params.id) {
      ArticleSearchApi({ id: params.id }).then(res => {
        if (res.errCode === 0) {
          editor.txt.html(res.data.content) // 重新设置编辑器内容
          setTitle(res.data.title)
          setSubTitle(res.data.subTitle)
        }
      })
    }

    return () => {
      // 组件销毁时销毁编辑器  注:class写法需要在componentWillUnmount中调用
      editor.destroy()
    }
  }, [location.pathname])

监听路由

相关文章
|
10月前
|
JavaScript 前端开发
在react项目实战中使用Redux(案例讲解)
上篇文章讲解了redux的基本使用方法,这篇文章通过小案例教大家如何在实际的react的项目中实现redux,加深对redux的理解和掌握,基础内容不清楚的可以看看上篇文章
123 0
在react项目实战中使用Redux(案例讲解)
|
前端开发
react项目实战学习笔记-学习53-用户资料布局
react项目实战学习笔记-学习53-用户资料布局
45 0
react项目实战学习笔记-学习53-用户资料布局
|
前端开发
react项目实战学习笔记-学习56-upload引入
react项目实战学习笔记-学习56-upload引入
32 0
|
前端开发
react项目实战学习笔记-学习56-图片上传成功
react项目实战学习笔记-学习56-图片上传成功
35 0
|
前端开发
react项目实战学习笔记-学习52-table操作
react项目实战学习笔记-学习52-table操作
37 0
|
前端开发
react项目实战学习笔记-学习50-代码优化
react项目实战学习笔记-学习50-代码优化
35 0
|
前端开发
react项目实战学习笔记-学习51-删除逻辑实现
react项目实战学习笔记-学习51-删除逻辑实现
29 0
|
前端开发
react项目实战学习笔记-学习46-发送请求
react项目实战学习笔记-学习46-发送请求
23 0
|
前端开发
react项目实战学习笔记-学习45-对话框获取表单的值
react项目实战学习笔记-学习45-对话框获取表单的值
36 0
react项目实战学习笔记-学习45-对话框获取表单的值
|
前端开发
react项目实战学习笔记-学习47-文章编辑
react项目实战学习笔记-学习47-文章编辑
35 0
相关产品
云迁移中心
推荐文章
更多