Изменение компонента React с помощью пользовательского скрипта - PullRequest
Новая
       74

Изменение компонента React с помощью пользовательского скрипта

0 голосов
/ 12 марта 2020

Короткая версия

Как я могу изменить компонент React с помощью пользовательского скрипта (например, кода, введенного Tampermonkey), не ломая приложение, если у меня нет доступа к исходному источнику?

Более длинная версия

Изменение DOM компонента React напрямую может привести к поломке приложения, поскольку алгоритм согласования может запутаться из-за ручных изменений DOM. Следовательно, я хотел бы изменить компонент React в своем пользовательском скрипте, чтобы React мог беспрепятственно отображать его.

В простой установке React обнаруживает компоненты в глобальном пространстве имен, и мы можем легко изменить компонент (см. это скрипка для рабочего примера): 

oldComponent = Component
function Component(props) {
  // modify the props to change the appearance of the component
  return oldComponent(modifiedProps);
}

Однако ситуация более сложна при развертывании приложения, поскольку компоненты обычно объединяются с использованием webpack . Как бы я мог воспроизвести приведенный выше пример в приложении, компоненты которого были связаны?

...