Tại sao CSS bên ngoài không hoạt động trong phản ứng?
Tôi là một nhà phát triển full-stack đến từ London. Lập trình là một trong những niềm đam mê của tôi trong cuộc sống. Phần lớn các kỹ năng gần đây nhất của tôi là do tôi tự học. Tôi thấy đây là một trong những cách tốt nhất để học vì bạn có thể học theo tốc độ của riêng mình Vấn đề. Tôi đang sử dụng các mô-đun CSS trong phản ứng (lưu ý các mô-đun dòng. true trong cấu hình css-loader trong webpack-config của tôi. js Show
Mô-đun phản ứng bên ngoài mà tôi đang cố sử dụng KHÔNG sử dụng mô-đun CSS Giải pháp. tạo quy tắc thứ hai cho CSS bên ngoài. Vì vậy, tôi có một cái cho CSS của mình (như trong nguồn ở trên) và sau đó tôi đã thêm quy tắc này “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 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
|