✨react-draft-wysiwyg 富文本编辑出现 TypeError: Cannot read property ‘trim‘ of undefined 的错误解决办法

15 篇文章 0 订阅

在富文本编辑器中,里面的内容在你刷新的时候可能会为空,

// content是上面你自己动态获取富文本内的一个编辑内容 他是一个html文本内容
const contentBlock = htmlToDraft(content);
const contentState = ContentState.createFromBlockArray(contentBlock.contentBlocks);
const editorState = EditorState.createWithContent(contentState);

这个时候当你重新刷新该页面 你可能会出现同下错误:

在这里插入图片描述

在动态获取的时候,页面的内容可能会为空,这样htmlToDraft() 就是一个空调用,会给你报错

解决办法:给他赋一个默认值

const contentBlock = htmlToDraft(content || <p></p>);

这样就解决了!!!

  • 16
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 16
    评论
引用\[1\]:运行react项目时报错"Uncaught TypeError: Cannot read properties of undefined (reading 'forEach')",引用\[2\]:在开发环境中使用react-devtools时报错"Uncaught TypeError: Cannot read property 'forEach' of undefined",引用\[3\]:经过排查发现这个问题可能是由于版本不匹配引起的。如果你使用的是React版本17.0.1,那么应该使用react-devtools的v4以上版本。你可以从这个地址下载v4插件:https://www.crx4chrome.com/crx/3068/,下载完后将插件的.crx后缀名改为.rar,然后解压该文件。解压后,你可以找到一个合适的插件版本来解决这个问题。 根据你提供的错误信息"react-refresh-runtime.development.js:315 Uncaught TypeError: Cannot read properties of undefined (reading 'map')",这个错误可能是由于在react-refresh-runtime.development.js文件的第315行尝试对一个未定义的对象进行map操作引起的。这可能是由于你的代码中存在某个变量或属性未被正确定义或初始化导致的。你可以检查一下你的代码,确保所有的变量和属性都被正确定义和初始化。另外,你也可以尝试更新React和react-devtools的版本,以确保它们之间的兼容性。 总结一下,这个错误可能是由于版本不匹配或代码中存在未定义的变量或属性引起的。你可以尝试更新React和react-devtools的版本,并检查你的代码中是否存在未定义的变量或属性。希望这些信息对你有帮助。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* [react 谷歌浏览器报错:Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘)](https://blog.csdn.net/u010234868/article/details/124380800)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [使用react-devtools后出现Uncaught TypeError: Cannot read property ‘forEach‘ of undefined解决方法](https://blog.csdn.net/Leo_xian/article/details/112899961)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小朋友120

谢谢你拉近我与星星的距离

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值