Cách viết các kết buộc Fable cho thư viện thành phần React

Question

Có hướng dẫn từng bước nào về cách viết các ràng buộc cho thư viện thành phần phản ứng từ F #/Fable không?

Ví dụ duy nhất tôi có thể tìm thấy là fable-react-toolbox sử dụng rộng rãi thuộc tính không được chấp nhận KeyValueList.

Tôi đặc biệt quan tâm đến việc sử dụng BlueprintJS library; Tôi đã có thể sử dụng ts2fable để tạo giao diện tương ứng với props được xác định khác nhau nhưng không biết phải làm gì tiếp theo hoặc nơi yêu cầu trợ giúp!

Mọi hướng dẫn sẽ được đánh giá rất nhiều!

Michael

Answer 1

Nếu bạn đã có đạo cụ làm giao diện, bạn có thể sử dụng Fable React Helpers để tạo thành phần cho bạn. Giả sử bạn muốn tạo một trình bao bọc cho thành phần Foo (bạn đã trích xuất các đạo cụ đến một giao diện và gọi nó là IFooProps) từ mô-đun thanh phản ứng mà bạn viết sẽ trông giống như thế này.

let Foo : ComponentClass<obj> = import "Foo" "react-bar" 
let inline foo (props : IFooProps list) elems = 
    Fable.Helpers.React.from Foo (keyValueList CaseRules.LowerFirst props) elems 

Loại ComponentClass có thể được tìm thấy trong mô-đun Fable.Import.React.

Thảo luận hữu ích về chủ đề này có thể được tìm thấy trong ấn bản GitHub https://github.com/fable-compiler/Fable/issues/1044.