Как правильно задать стили компонентам react?

Question

[lookingfor2]

Есть приложение react разбитое на компоненты. Задание звучит так: Подключение файлов стилей выполнить в .tsx файлах только в тех в которых требуется.
Как правильно это сделать?

Answer 1

[McBernar]

Держать css файл в папке с компонентом. Импортировать его в компонент и писать как в привычном html.

Другой вариант — воспользоваться module css. Уже не так удобно, зато есть локальный скоуп.

Третий вариант — styled components. Есть небольшие ограничения, но в целом этот вариант, как я понимаю, используют многие.