如何为React组件库

Question

是否有关于如何为F＃/ Fable的反应组件库编写绑定的分步指导？

我能找到的唯一示例是fable-react-toolbox，它广泛使用了已弃用的KeyValueList属性。

我对使用BlueprintJS library特别感兴趣;我已经能够使用ts2fable生成与定义的各种props相对应的界面，但不知道下一步该做什么或在哪里寻求帮助！

非常感谢任何指导！

迈克尔

Answer 1

如果您已将道具作为界面，则可以使用Fable React Helpers为您创建组件。

假设您要为反应条模块创建Foo组件的包装器（您已经将props提取到接口并将其称为IFooProps），您编写的代码将看起来像这样。

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模块中找到Fable.Import.React类型。

有关此主题的有用讨论可以在此GitHub问题Fx-GSON中找到。