程序员经验分享-hwhale

在无状态组件中反应内容可编辑

2024-04-10

我正在尝试在无状态反应组件中实现一个 contenteditable div 。

我不断收到以下警告：

warning.js:36 Warning: A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional.

我该如何解决？

另外，如何在更改时读取 div 的内容？


Add suppressContentEditableWarning="true"到 contenteditable div。

参考：https://github.com/facebook/draft-js/issues/81 https://github.com/facebook/draft-js/issues/81

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

ReactJS

contenteditable

在无状态组件中反应内容可编辑 的相关文章

随机推荐

  • 自定义指令中的 ng-class 不观察更新

    我正在尝试创建一个像这样使用的指令

  • OpenCV 模板匹配 N 个最佳匹配不起作用

    我已经为此苦苦挣扎了很长一段时间 但似乎找不到这里的问题 让我尝试引导您完成整个过程 我正在尝试为我的模板匹配获取 10 个最佳边界框 不会在这里显示整个图像 但这是我的cv mat当我循环遍历cv mat搜索最低值 结果 int a b

  • ggplot2：如何调整图例中的线型+顺序？

    我想调整以下 ggplot 中的线型 因此 我在 data frame df 中引入另一列来表示线型 但是一旦我将其转换为因子 线型而不是 方法 就会出现在图例中 参见试验 3 如何获得传说中的 方法 最后我希望能够 自由选择线型 自由选择

  • 为什么反射可以访问C#中类的受保护/私有成员？

    为什么反射可以访问C 中类的受保护 私有成员 这对课堂来说不安全吗 为什么反思会被赋予如此大的力量 这是一个反模式 http en wikipedia org wiki Anti pattern 会员可访问性不是安全功能 它的存在是为了保护

  • 仅在 iOS 和 Android 中处理数据通知失败

    我有一个发送推送通知的服务器 对于Android 我覆盖onMessageReceived来处理消息 对于 iOS 我使用NotificationExtension I need更改传入的推送通知 我不知道标题和服务器端的所有内容 客户端知

  • HttpClient HttpResponseMessage 地址/URI

    我正在开发一个 C WinRT 应用程序 该应用程序向网络服务器发出 POST 和 GET 请求 有谁知道使用 HttpClient 对象时是否有办法获取响应 URI 地址 如果我使用 HttpWebRequest HttpWebRespo

  • 使用jq连接多个文件中的JSON数组

    我有一系列包含记录数组的 JSON 文件 例如 cat f1 json records a 1 a 3 cat f2 json records a 2 我想 1 从每个记录中提取一个字段 2 输出一个包含所有输入文件中所有字段值的数组 第一

  • C：创建静态库并使用 Makefile 进行链接

    我在尝试着了解静态和共享库 http randu org tutorials c libraries php 我想执行以下操作来创建一个单独编译和链接的 makefile 以便创建和链接静态库 形成最终的静态可执行文件 我有以下 Makef

  • 在java应用程序中使用“bcc”发送电子邮件而不使用“to”

    我已经阅读了 stackoverflow 中的所有参考资料 然而 没有任何东西符合我们的目标 我该如何使用bccjava中的sendmail方法 根据 SMTP 的 RFC RFC 2821 link http www ietf org r

  • mySQL SELECT 即将到来的生日

    我正在尝试编写一个查询来选择数据库中生日在未来 7 天内的用户 我做了很多研究 但无法想出可行的解决方案 生日字段存储为 varchar 例如 04 16 93 有什么办法可以处理这个吗 这是我到目前为止所拥有的 SELECT FROM P

  • 为什么一个简单的 React 组件会渲染两次？

    我刚刚启动了一个新的 create react app 项目 并注意到 React 渲染组件两次 我的反应版本在包 json is react 16 13 1 import React useRef from react const App

  • Tomcat 未从 eclipse 启动

    我试图从 eclipse 启动 tomcat 服务器 6 0 32 不是我的应用程序 但它失败并出现错误 Server Apache Tomcat v6 0 32 at localhost failed to start 但是当我用star

  • Windows 窗体中的淡入淡出效果

    我正在尝试使用 Windows 窗体向按钮 图片框和文本框添加一些淡入淡出效果 我知道我应该为此使用 WPF 但我从未使用过它 这对我来说太复杂了 我的项目现在要高级以切换平台 我有这个 但不透明 褪色效果一点也不平滑 public voi

  • 如何在 Pandas 中用分组模式替换缺失值？

    我按照中的方法这个帖子 https stackoverflow com questions 45741879 can i replace nans with the mode of a column in a grouped data fr

  • Azure 中用于 SVG 和字体的 Express Node JS web.config

    我在 Express 网站上遇到问题 该网站使用 SVG 和字体等其他文件 本地运行应用程序时没有任何问题 但部署到 Azure 上后 SVG 和字体不再出现 创建了一个web config项目根目录下的文件

  • 如何将不同的菜单项添加到多个上下文菜单？

    我有两个按钮 每个按钮都有一个上下文菜单 但我不确定如何更改第二个菜单中的菜单项 我的代码仅显示我的第一个按钮的项目 Button Button1 Button findViewById R id Button1 registerForCo

  • 如何检测访问者使用的是HTTP/2还是SPDY？

    我正在寻找一个可以检测访问者的浏览器是否启用了 SPDY 或 HTTP 2 的脚本 就像是this https www ist http2 aktiviert de 理论上 一次nextHopProtocol降落在资源计时 https w3

  • ASP.NET MVC - HTTP 身份验证提示

    是否可以让我的应用程序在渲染视图之前要求输入用户名和密码提示 就像在 twitter API 上获取有关您帐户的信息一样 http twitter com account verify credentials xml http twitte

  • 如何使用 ComboBox 作为 Kendo UI 网格列？

    我正在使用剑道网格 并尝试将名称字段设置为具有自己的数据源的组合框 我没有收到 javascript 错误 但是当我去编辑网格中的名称字段时 它没有显示组合框 它仍然显示一个输入字段 function console log ready v

  • 在无状态组件中反应内容可编辑

    我正在尝试在无状态反应组件中实现一个 contenteditable div 我不断收到以下警告 warning js 36 Warning A component is contentEditable and contains child

热门标签