Es6 syntax completion code

how to complete this code, use Es6 syntax, can"t use jquery

I paste the code down
const product = [{
                    pname: "",
                    price: 188,
                    desc: ","
                },
                {
                    pname: "",
                    price: 199,
                    desc: ","
                },
                {
                    pname: "",
                    price: 288,
                    desc: ","
                }
            ]

            function parseDom(domStr) {
                //  domreturn
                
            }

            function app(dom) {
                //  domappbodyappbody
                
            }
            class Component {
                constructor(data) {
                    this.data = data
                }
                render() {
                    //this.data
                }
            }
            //  apprender,
            app(str)
Es6
Oct.19,2021

const product = [{

]
        pname: '',
        price: 188,
        desc: ','
        },
        {
            pname: '',
            price: 199,
            desc: ','
        },
        {
            pname: '',
            price: 288,
            desc: ','
        }
    ];

    function parseDom(domStr) {
        //  domreturn
        let result = `<td>${domStr}</td>`;
        return result;
    }

    function app(dom) {
        //  domappbodyappbody
        if($("app").length>0){
            $("app").append($(dom));
        }else{
            $("body").append($(dom));
        }
    }
    class Component {
        constructor(data) {
            this.data = data
        }
        render() {
            //this.data
            let mySet=new Set(this.data);
            let headTH="";
            let bodyTD="";
            let bodyTr="";

            let flg=true;
            for(let i of mySet){
                for (let key of Object.keys(i)){
                    if(flg){
                        headTH=headTH+parseDom(key);
                    }
                    bodyTD+=parseDom(i[key]);
                }
                bodyTr+=`<tr>${bodyTD}</tr>`;
                bodyTD="";
                flg=false;
            }
            let titleName=`<table>
                <thead>
                    <tr>
                    ${headTH}
                    </tr>
                </thead>
                <tbody>
                    ${bodyTr}
                </tbody>
                </table>`;
            return titleName;
        }
    }
    //  apprender,
    let comt=new Component(product);
    app(comt.render());
Menu