Kiểu SCSS không áp dụng React
“CSS-in-JS” đề cập đến một mẫu trong đó CSS được tạo bằng JavaScript thay vì được xác định trong các tệp bên ngoài Show
Lưu ý rằng chức năng này không phải là một phần của React, nhưng được cung cấp bởi các thư viện của bên thứ ba. React không có ý kiến về cách định nghĩa các kiểu; Tôi có thể tạo hoạt ảnh trong React không?React có thể được sử dụng để tăng sức mạnh cho hoạt ảnh. Xem React Transition Group, React Motion, React Spring hoặc Framer Motion chẳng hạn Tất cả chúng ta đều quen thuộc với cách tiêu chuẩn để liên kết biểu định kiểu với Hóa ra có một số cách để tạo kiểu cho ứng dụng React. Một số trùng lặp với kiểu dáng truyền thống, một số khác không quá nhiều. Nhưng hãy đếm tất cả những cách chúng ta có thể làm Nhập biểu định kiểu bên ngoàiĐúng như tên gọi, React có thể nhập các tệp CSS. Quá trình này tương tự như cách chúng tôi liên kết tệp CSS trong HTML
Như thế này
Điều đó thường nằm ở đầu tệp nơi diễn ra các lần nhập khác
Trong ví dụ này, một tệp CSS được nhập vào một 0 từ thư mục 1Viết kiểu nội tuyếnBạn có thể đã quen nghe rằng kiểu dáng nội tuyến không phải là tất cả tuyệt vời cho khả năng bảo trì và không, nhưng chắc chắn có những tình huống (đây là một. ) nơi nó có ý nghĩa. Và khả năng bảo trì không phải là vấn đề trong React, vì CSS thường đã nằm trong cùng một tệp Đây là một ví dụ cực kỳ đơn giản về kiểu dáng nội tuyến trong React
|