const CanvasMap = () => {
const canvasFef = React.useRef<HTMLInputElement>(null)
useEffect(() => {
canvasFef && canvasFef.current && cities.forEach(function (item) {
// logic here
})
}, [canvasFef]);
return (
<canvas id="canvas"
ref={canvasFef}
></canvas>
)
};
I got error
Property 'getContext' does not exist on type 'HTMLInputElement'
TS2322: Type 'MutableRefObject' is not assignable to type 'LegacyRef'. Type 'MutableRefObject' is not assignable to type 'RefObject'. Types of property 'current' are incompatible. Type 'HTMLInputElement' is missing the following properties from type 'HTMLCanvasElement': captureStream, getContext, toBlob, toDataURL
const canvasFef = React.useRef<HTMLCanvasElement | null>(null);
Try this.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.