ReactでCanvasを使う - Qiita

import React,{useState,useEffect} from "react" import ReactDOM from "react-dom" const App = () => { // contextを状態として持つ const [context,setContext] = useState(null) // 画像読み込み完了トリガー const [loaded,setLoaded] = useState(false) // コンポーネントの初期化完了後コンポーネント状態にコンテキストを登録 useEffect(()=>{ const canvas = document.getElementById("canvas") const canvasContext = canvas.getContext("2d") setContext(canvasContext) },[]