Здравствуйте читатели и слушатели,

позвольте мне поделиться,

Согласно моим знаниям в области кодирования, я хочу показать компоненты более высокого порядка (HOC) в ReactJS.

Компонент iframe.

import React from "react";
export default function Iframe({ src, width, height, frameborder = '0', style = '' }) {
    return (
        <div dangerouslySetInnerHTML={{
            __html: `<iframe src=${src} width=${width} height=${height} frameborder=${frameborder} style=${style}></iframe>`
        }} />
    );
}

Использовать в другом компоненте

export default function App(){
  return (<>
      <Iframe
          src="https://www.google.com/maps"
          width={"100%"}
          height={"100%"}
      />
</>)
}

Если вы хотите изучить ReactJS, вы можете посетить этот официальный сайт



React — библиотека JavaScript для создания пользовательских интерфейсов
React упрощает создание интерактивных пользовательских интерфейсов. Создавайте простые представления для каждого состояния вашего приложения и React…reactjs.org



Большое спасибо :)