Как сделать document.createElement в ReScript

вы можете использовать bs-webapi

open Webapi.Dom
open Belt

document
->Document.asHtmlDocument
->Option.flatMap(document => document->HtmlDocument.body)
->Option.map(body => {
  let root = document->Document.createElement("div", _)
  root->Element.setId("app")
  root->Element.appendChild(body)
})
->ignore

Поскольку повторный скрипт работает на React (JSX), а не на стандартном ECMA JavaScript, я не думаю, что вы можете использовать такие вызовы, как document.createElement.

Вместо этого вам следует создать элемент с помощью:

let element = <h1> {React.string("Hello World")} </h1>

Это трансформируется в следующее:

var element = React.createElement("h1", undefined, "Hello World");

Я изменил скрипт Playground по умолчанию:

module Button = {
  @react.component
  let make = (~count: int) => {
    let times = switch count {
    | 1 => "once"
    | 2 => "twice"
    | n => Belt.Int.toString(n) ++ " times"
    }
    let msg = "Click me " ++ times
    let element = <button> {React.string(msg)} </button>
    element
  }
}

Для вызова функций JS вам необходимо использовать JS interop < / а>. В этом случае вы можете использовать ключевое слово external и атрибуты _2 _ / _ 3_, чтобы получить функцию ReScript, которая будет вызывать document.createElement при вызове:

@val @scope(("window", "document"))
external createElement: string => unit = "createElement"

createElement("div")

window.document.createElement('div');

@val external document: 'a = "document"

document["createElement"]("div")

Ознакомьтесь с шпаргалкой по взаимодействию и документы для external с более распространенными шаблонами.