Trung tâm cá nhân
sách gpt4 ai đã đi

reactjs - createPortal 不会覆盖 div 内容(如 ReactDOM.render)

In lại 作者：行者123 更新时间：2023-12-04 02:53:52 28 4
mua khóa gpt4 Nike

我正在尝试获取 ReactDOM.createPortal要覆盖容器的内容，我也正在安装它。但是它似乎附加了Child。

是否可以覆盖内容？类似于 ReactDOM.render ?

Đây là mã của tôi:

import React từ 'react';
import { createPortal } from 'react-dom';

class PrivacyContent extends React.Component {

    render() {
        return createPortal(
            

                
,
            document.getElementById('privacy')
        )
    }

    handleClick() {
        alert('clicked');
    }

}

export default PrivacyContent;

1 Câu trả lời

如果您知道自己在做什么，这里是 引擎盖下的组件创建一个门户，清空目标 DOM 节点并使用任何 props 挂载任何组件:

const Portal = ({ Component, container, ...props }) => {
  const [innerHtmlEmptied, setInnerHtmlEmptied] = React.useState(false)
  React.useEffect(() => {
    if (!innerHtmlEmptied) {
      container.innerHTML = ''
      setInnerHtmlEmptied(true)
    }
  }, [innerHtmlEmptied])
  if (!innerHtmlEmptied) return null
  return ReactDOM.createPortal(, container)
}

cách sử dụng:


这将清空 tài liệu.thân 的内容，然后安装 MyComponent传下去的同时 otherProps .

希望有帮助。

关于reactjs - createPortal 不会覆盖 div 内容(如 ReactDOM.render)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53895291/

28 4 0
Bài viết được đề xuất: sql-server - TABLOCK、HOLDLOCK 是否足以阻止 INSERT？
Bài viết được đề xuất: perl - 将二维数组从一个 Perl 脚本传递到另一个
Bài viết được đề xuất: Thiết lập cấu hình .NET connectionManagement có áp dụng cho tất cả các ứng dụng .Net không?
Bài viết được đề xuất: github markdown 拆分源表行
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com