Я обычно предпочитаю styledComponent, но есть определенные крайние случаи, такие как стилизация вашего <Link /> для реактивного маршрутизатора, где вы должны предоставить скомпилированный стиль для свойства className.
Нет никакого вреда в использовании CSS props, но есть вероятность случайно переопределить ваши стили, плюс это делает ваш JSX более беспорядочным. Но если вы знаете, что делаете, и интенсивно используете композицию , то IMO это довольно мощная функция.
Намного легче понять и управлять стилизованными компонентами, например, когда используя темы, вы можете инкапсулировать всю логику стилизации c вдали от вашего JSX. +1 к стилизованным компонентам для дизайна на основе le go.
Я думаю, можно с уверенностью сказать, что вы можете использовать стилизованные компоненты и CSS вместе, но для большинства ваших компонентов можно использовать любой из них.
Мне очень нравится, как вы можете переопределить свои базовые компоненты, используя композицию эмоций (что избавляет нас от передачи странных реквизитов и помогает поддерживать их в чистоте), но в то же время вы не должны злоупотреблять этим, так как из личного опыта это соблазнительно просто использовать композицию CSS там, где вы должны использовать реквизит, например isBold fontSize: "sm" ...