Kiểm tra kiến thức về CSS trong React

CSS trong React có vấn đề chính là gì?

• CSS mặc định là toàn cục

• CSS không thể thay đổi

• CSS không hỗ trợ media query

• CSS không hỗ trợ animation

Làm thế nào để làm cho CSS cục bộ cho một Component?

• Tất cả đều đúng

• CSS Module

• CSS in JS

• Inline CSS

CSS in JS là gì?

• Một cách để viết CSS bằng HTML

• Một cách để viết CSS bằng Python

• Một cách để viết CSS bằng TypeScript

• Một cách để viết CSS bằng JavaScript

Styled Components có những lợi ích gì?

• CSS tự động quan trọng

• Tự động thêm tiền tố nhà sản xuất

• Tất cả đều đúng

• Dễ dàng xóa CSS

Làm thế nào để thiết lập Styled Component trong React?

• Tất cả đều đúng

• Import và cài đặt thư viện

• Cài đặt thư viện

• Import thư viện

Styled Component sử dụng cú pháp nào để áp dụng CSS cho một phần tử HTML?

• CSS rules

• HTML Element

• JavaScript code

• Tất cả đều đúng

Làm thế nào để thêm style cho một button khi nó được click?

• Tất cả đều đúng

• :focus pseudo selector

• :hover pseudo selector

• :active pseudo selector

Styled Component có hỗ trợ Responsive styles không?

• Có

• Chỉ hỗ trợ trên mobile

• Chỉ hỗ trợ trên desktop

• Không

Làm thế nào để thêm animation vào Styled Component?

• Sử dụng keyframes từ thư viện 'styled-component'

• Sử dụng keyframes từ thư viện 'react-animation'

• Sử dụng keyframes từ thư viện 'css-animation'

• Sử dụng keyframes từ thư viện 'styled-css'

Làm thế nào để tạo nhiều biến thể của một Component trong Styled?

• Sử dụng reducer

• Sử dụng context

• Sử dụng state

• Sử dụng props