Как загрузить несколько Iframes из массива дешифрованных URL-адресов в activ.js

Question

Я показываю живое видео из источника. Теперь один кадр показывает видео на одной странице из источника расшифровки. Я хочу добавить несколько iframe из источника расшифровки, который генерирует строку. Строка должна отделяться и показывать их в массиве. Из ссылки на источник массива мой iframe загрузит видео.

import React, { Component } from 'react';

class IframeComp extends Component {
    render() {
        return (
            <div >
                <iframe ref={component => this.iframe = component} title="frame" src={this.getIframeUrl()} ></iframe>


            </div>



        );
    }
}

export default IframeComp;

Как я могу загрузить несколько iframe из массива URL?

import React from 'react';
import IframeComp from "../commonComponents/IframeComp";
import {decrypt} from "../utils/encryptDecrypt";

class LiveViewComponent extends IframeComp {

    componentDidMount(){
        let cameraStreamUrlDecoded = decrypt(this.props.match.params.cameraStreamUrl);
        this.iframe.onload = () => {
            this.iframe.contentWindow.postMessage(cameraStreamUrlDecoded, window.location.href);
        }
    }
rs
    getIframeUrl(){
        return "/liveView";
    }
}

export default LiveViewComp;