При инициализации модуля
<InfiniteScroll
next={() => setSize(size + 1)}
hasMore={!isReachingEnd}
loader={''}
endMessage={''}
dataLength={issues?.length ?? 0}
className="test"
>
<div className={catalog.product__list}>
{isEmpty ? <p>Yay, no issues found.</p> : null}
<ItemProduct data={issues} />
</div>
</InfiniteScroll>
Присваиваются статичные классы
<div class="infinite-scroll-component__outerdiv">
<div class="infinite-scroll-component test" style="height: auto; overflow: auto;">12345123</div>
</div>
В подключаемом модуле это выглядет так
InfiniteScroll.prototype.render = function () {
...
return (React__default.createElement("div", { style: outerDivStyle, className: "infinite-scroll-component__outerdiv" },
...
}
Я пробовал изменить функцию таким способом
let changeFunction = InfiniteScroll.prototype.render
InfiniteScroll.prototype.render = new Function(
'return ' +
changeFunction
.toString()
.replace('infinite-scroll-component__outerdiv', 'afw')
)()
Но получаю ошибку "error - ReferenceError: React__default is not defined"
Ссылка на
codesandbox