fix(Modal.Header, Modal.Footer): passing common props #3187
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Проблема
Перестали работать пропы передаваемые из
<CommonWrapper />
на корень<Modal.Header />
/<Modal.Footer />
, из-за того, что корень этоReact.Fragment
Решение
Заменил
React.Fragment
на<div />
Альтернативное решение: прокидывать пропы на элементы с
data-tid
*.root
ручками. Таким образом мы на100%
сохраним обратную совместимость и решим проблему без создания "лишних" обёрток. Не уверен, что в текущих реалиях такой способ правильный, но если мы по-прежнему планируем отказаться от<CommonWrapper />
я бы пошёл именно этим путёмСсылки
IF-1271
Чек-лист перед запросом ревью
Добавлены тесты на все изменения
✅ unit-тесты для логики
⬜ скриншоты для верстки и кросс-браузерности
⬜ нерелевантно
Добавлена (обновлена) документация
⬜ styleguidist для пропов и примеров использования компонентов
⬜ jsdoc для утилит и хелперов
⬜ комментарии для неочевидных мест в коде
⬜ прочие инструкции (
README.md
,contributing.md
и др.)✅ нерелевантно
Изменения корректно типизированы
⬜ без использования
any
(см. PR2856
)✅ нерелевантно
Прочее
✅ все тесты и линтеры на CI проходят
✅ в коде нет лишних изменений
✅ заголовок PR кратко и доступно отражает суть изменений (он попадет в changelog)