Игнорирование родительских стилей при использовании виджетов JS - PullRequest
0 голосов
/ 01 мая 2019

Я использую реагирование для создания js-виджетов, которые можно добавить на внешний клиентский сайт. Мой пакет (веб-пакет) создает файлы js моих приложений, которые включают все стили и ресурсы в сборке.

Одна из проблем, с которой я, возможно, столкнусь (возможно, еще не возникла), заключается в том, если у меня есть противоречивые таблицы стилей, как мне их игнорировать и явно использовать свои собственные. Например, я использую начальную загрузку для своего макета Gird, если на клиентском сайте есть версия начальной загрузки, отличная от версии в моем приложении, как я могу убедиться, что только мои стили применяются к моему виджету без нарушения каких-либо стилей на клиентском сайте? , Это вообще возможно?

1 Ответ

0 голосов
/ 02 мая 2019

Это то, для чего Shadow DOM (как @ fen1x уже упоминалось ). Если вы визуализируете свой компонент в теневом корне, родительские стили не будут наследоваться.

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...