如何为React组件库编写Fable绑定

Question

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

我能找到的唯一例子是fable-react-toolbox,它广泛使用了不推荐使用的KeyValueList属性.

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

任何指导将不胜感激!

迈克尔

Answer 1

如果您已经拥有作为接口的 props，您可以使用 Fable React Helpers 为您创建组件。

假设您想从 React-bar 模块中为 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 问题中找到：https://github.com/fable-compiler/Fable/issues/1044。