首页 文章

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

提问于
浏览
7

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

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

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

任何指导将不胜感激!

迈克尔

1 回答

  • 3

    如果您已将道具作为接口,则可以使用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问题https://github.com/fable-compiler/Fable/issues/1044中找到 .

相关问题