Как работать с большой вложенностью React
В моем проекте мне понадобилось делать адаптивную таблицу с большой функциональностью. Решил сделать следующие компоненты - строки (Row), задать всем строкам стили через grid. Так, например, grid-template-columns: 4% 19% 19% 19% 29% 10%; позволяет довольно легко задать ширину стобцов всей таблицы и менять при необходимости. И уже в ячейках grid строки располагать элементы. Для этого создал еще один компонент RowItem - я планировал, что RowItem будет принимать стиль, текст, который должен находиться в таблице и т.д. Теперь я понимаю, что в RowItem мне необходимо сделать компонент, который инфографикой должен покзывать статус. RowItem разросся с логикой внутри себя и меня это смущает. Подскажите, когда у нас есть компонент, который должен содержать в себе разную логику, а порой - другой компонент, стоит ли использовать children?