f# - 如何为 React 组件库编写 Fable 绑定(bind)

Question

是否有关于如何从 F#/Fable 为 react 组件库编写绑定(bind)的分步指南？

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

我对使用 BlueprintJS library 特别感兴趣;我已经可以使用 ts2fable生成接口(interface)对应的各种props已定义但不知道下一步该做什么或在哪里寻求帮助!

任何指导将不胜感激!

迈克尔

Answer 1

如果您已经将 Prop 作为接口(interface)，您可以使用 Fable React Helpers 为您创建组件。

假设您想从 react-bar 模块为 Foo 组件创建一个包装器(您已经将 props 提取到一个接口(interface)并将其称为 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 中找到有关此主题的有用讨论。 .