Tepki bağlama kitaplığı için Fable bağlamaları nasıl yazılır

Question

F #/Fable öğesinden gelen bir tepkisel bileşen kitaplığı için bağların nasıl yazılacağı konusunda herhangi bir adım adım kılavuz var mı?

Bulabildiğim tek örnek, kullanımdan kaldırılan KeyValueList özniteliğinin yaygın kullanımını sağlayan fable-react-toolbox.

Özellikle BlueprintJS library; Tanımlanmış props'a karşılık gelen arayüz oluşturmak için ts2fable'u kullanabildim ama ne yapacağımı ya da nereden yardım isteyeceğimi bilmiyorum!

Herhangi bir rehberlik çok takdir edilecektir! Michael

Answer 1

Eğer zaten Fable kullanabilirsiniz arayüzleri olarak sahne varsa

sizin için bileşen oluşturmak için Yardımcılar yanıt verin.

Foo bileşeni için bir tanıtıcı oluşturmak istediğinizi varsayalım (zaten bir arabirime tanıtılmış ve bunu IFooProps olarak adlandırdınız), yazdığınız kod böyle bir şey görecektir.

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 

ComponentClass tip

Fable.Import.React modülünde bulunabilir.

Bu konuyla ilgili yararlı bir tartışma, bu GitHub sayısında https://github.com/fable-compiler/Fable/issues/1044 bulunabilir.