Как добавить компонент в html элемент?

Question

[Владимир Голубь]

Есть разметка разметка, которую получаю с сервера. Возможно ли туда вставить компоненты React ?

prepareMoreBlocks = (arrId) => {
        if (typeof document !== "undefined") {
            let readMoreBlocks = document.getElementsByClassName("readmore-snippet-container");

            for (var i = 0; i < readMoreBlocks.length; i++) {
                let linkEl = readMoreBlocks[i].querySelector('a');

                if (linkEl) {
                    //arrId.push(linkEl.dataset.id);

                    //console.log(linkEl.);

                    linkEl.appendChild(<Badge
                        className={'news-card-item__list-badges-item'}
                        type={'sound-wave'}
                        //key={badge}
                    />)
                }
            }
        }
    };

Получаю ошибку:

Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

Answer 1

[Артур]

можно попробовать преобразовывать компонент как для ssr
https://reactjs.org/docs/react-dom-server.html#ref...