reactjs - Rescript-react: 非表示のキャンバス要素の作成

Question

ユーザーがローカル pc 上の画像を参照し、それを画像タグに表示できるようにする単純な反応アプリ (HTML) を作成しています。data-url を取得して、非表示のキャンバス タグを動的に作成したい (別のアプローチを使用することもできますが、画像を表示するタグにサイズ制約を設定するのではなく、画像のサイズを変更したい)。ここに私のサイズ変更コードがあります

MyComponent.res (問題のあるコード)

let resize = dataUrl => {
    let canvas = React.createElement(_ => React.string("canvas"), {"style": "display: none;"})
    canvas.getContext("2d");
    dataUrl
}

エラー

  We've found a bug for you!
  /Users/n0321437/projects/rescript-react/from-local-template/src/Upload.res:14:12-21

  12 │     let canvas = React.createElement(_ => React.string("canvas"), {"sty
     │ le": "display: none;"})
  13 │     //let myCanvas = canvas([React.null])
  14 │     canvas.getContext("2d");
  15 │     dataUrl
  16 │ }

レコード フィールド getContext が見つかりません。

createElement または createElementVariadic の使用に関するドキュメントや投稿はあまり見つかりませんでした。createElementタイプのオブジェクトを返すように見えますelementが、関連するメソッドはありません。

React.res

type element
external createElement: (component<'props>, 'props) => element = "createElement"

だから私はいくつかの質問があると思います

1. Canvas の HTML オブジェクトを表す要素を実際に作成しましたか?
2. 実行した場合、そのコードでメソッドを呼び出すにはどうすればよいですか?
3. まだ作成していない場合、非表示の Canvas オブジェクトを作成するにはどうすればよいですか?
4. 最後に、ドキュメントとソースをナビゲートして、これを自分で発見するにはどうすればよいでしょうか?