Reactコンポーネントライブラリ用のFableバインディングの作成方法

Question

F＃/ Fableから反応コンポーネントライブラリ用のバインディングを作成する方法については、ステップバイステップのガイダンスがありますか？

私が見つけることができる唯一の例は、非推奨のKeyValueList属性を広く使用するfable-react-toolboxです。

私は特にBlueprintJS libraryを使用したいと考えています。私はさまざまなpropsに対応するインターフェイスを生成するためにts2fableを使用することができましたが、次に何をすべきか、助けを求めるべきか分かりません！

ご指摘いただければ幸いです！マイケル

Answer 1

あなたはすでにあなたがフェイブルを使用できるインターフェイスとして小道具を持っている場合

はあなたのためにコンポーネントを作成するためにヘルパーを反応します。

リアプールモジュールからFooコンポーネントのラッパーを作成しているとします（インターフェイスにプロップを既に抽出し、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にあります。