@madc0de

Как изменить строку в функции модуля InfiniteScroll / React?

При инициализации модуля
<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
  • Вопрос задан
  • 50 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы