Как написать привязки Fable для библиотеки компонентов React

Question

Существуют ли пошаговые инструкции по написанию привязок для библиотеки компонентов реагирования из F#/Fable?

Единственный пример, который я смог найти, - это fable-реагирующий инструмент, который широко использует устаревшие KeyValueList приписывать.

Я особенно заинтересован в использовании библиотеки BlueprintJS; Я был в состоянии использовать ts2fable генерировать интерфейс, соответствующий различным props определены, но понятия не имею, что делать дальше или куда обратиться за помощью!

Любое руководство будет с благодарностью!

Майкл

Answer 1

Если у вас уже есть реквизиты в качестве интерфейсов, вы можете использовать помощников Fable React, чтобы создать свой компонент для вас.

Давайте предположим, что вы хотите создать оболочку для компонента Foo (вы уже извлекли реквизиты в интерфейс и назвали его IFooProps) из модуля act-bar, код, который вы пишете, будет выглядеть примерно так.

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.