javascript - 使用 React.createPortal 定位 DOM 元素

Question

我想用我通过useContext传入的className“editor”获取div的innerHTML。收到 innerHTML 后，我会将其附加到类名为“getcontent”的 div 中。目前，我的代码给了我一条错误消息“错误：目标容器不是 DOM 元素。” 我创建了一个Codesandbox。提前致谢！

Answer 1

您似乎将“编辑器”字符串传递给查询选择器。这是不正确的。

您content.editor等于“编辑器”字符串。

但是当你使用时，querySelector你必须使用像 css 选择器（#-id，.-class）这样的语法。

我认为你刚刚错过了这个点。

document.querySelector('.editor');

完整解决方案：

ReactDOM.createPortal(null, document.querySelector(`.${context.editor}`));

它现在对我有用，没有任何错误:)

另一个没有点的功能：

document.getElementsByClassName('editor')[0];