2017-02-23 21 views
9

Tôi đoán không phải tất cả các khung giao diện người dùng đều được sử dụng dễ dàng cùng với các thành phần được tạo kiểu; vì tính đặc hiệu của chúng có thể quá cao, v.v.Thư viện giao diện người dùng sử dụng các thành phần được tạo kiểu

Tôi có đúng về vấn đề này không?

Có mẫu nào cho các thành phần được tạo kiểu cho phép chúng hoạt động với bất kỳ khung giao diện người dùng nào không?

Có một khuôn mẫu cho các khuôn khổ, cho phép chúng hoạt động thực sự tốt với các thành phần được tạo kiểu, trong khi không được viết trong đó không?

Tôi biết điều này có thể chủ quan, nhưng tôi đang cố gắng hỏi về một mô hình khách quan cho khả năng tương tác.

+5

Điều thú vị là câu hỏi đã bị đóng như thế nào vì nó được cho là "thu hút câu trả lời có ý kiến ​​và spam" và câu trả lời rõ ràng và hữu ích đã được cung cấp và xác nhận bởi chuyên gia trong chủ đề. Bạn folks đang làm một disservice cho cộng đồng và SO bằng cách đóng câu hỏi mà tôi đoán bạn không thực sự hiểu. –

Trả lời

7

Tôi đoán không phải tất cả các khung công tác ui đều dễ dàng được sử dụng cùng với các thành phần theo kiểu ; vì tính đặc hiệu của chúng có thể quá cao ... Tôi có phải là chính xác trong vấn đề này không?

Không, styled-components làm việc với bất kỳ thư viện thành phần bên thứ ba nào miễn là các thành phần đính kèm một nút DOM vào trong DOM. Xem here câu trả lời của Max Stoiber (đồng tác giả của styled-components) trong các cuộc thảo luận tại GitHub.

Có thư viện binary-ui, nó sử dụng styled-components thư viện cũng hoạt động với reactreact-native.

Bạn chắc chắn có thể sử dụng styled-components với thư viện material-ui và tôi đoán với nhiều thư viện khác, tôi tin rằng hầu hết các thư viện UI đều cho phép sử dụng className chống đỡ.

+6

Đây là câu trả lời đúng! (Tối đa ở đây) Tôi chỉ muốn đề cập đến cụ thể 'material-ui' (hiện tại) sử dụng kiểu nội tuyến, vì vậy bạn sẽ phải sử dụng'! Important' trong mã của mình để ghi đè kiểu của chúng. Họ đang làm việc để thay đổi điều đó trong phiên bản tiếp theo, nhưng nó vẫn chưa được thực hiện. (xem blogpost này nếu bạn không chắc chắn về sự khác biệt giữa kiểu nội tuyến và các thành phần theo kiểu là: https://mxstbr.blog/2016/11/inline-styles-vs-css-in-js/) – mxstbr

Các vấn đề liên quan