projects/funkyFlaskTest
1
0
Fork 0
generated from projects/testosmaximus
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update refs handling in RickGamePanel for improved canvas access

Browse Source
This commit is contained in:
Chipperfluff 2025-07-20 15:18:12 +02:00
parent a897853426
commit e2d9aa60b4
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
source/src/index.tsx
View File

@ -1,6 +1,7 @@
import { h, render, Component } from 'nano-jsx' import { h, render, Component } from 'nano-jsx'
class RickGamePanel extends Component { class RickGamePanel extends Component {
refs: { [key: string]: any } = {}
canvas?: HTMLCanvasElement canvas?: HTMLCanvasElement
ctx?: CanvasRenderingContext2D ctx?: CanvasRenderingContext2D
x = 20 x = 20
@ -59,13 +60,14 @@ class RickGamePanel extends Component {
} }
mounted() { mounted() {
this.canvas = this.ref('game') as HTMLCanvasElement this.canvas = this.refs['game'] as HTMLCanvasElement
this.ctx = this.canvas?.getContext('2d') || undefined this.ctx = this.canvas?.getContext('2d') || undefined
this.canvas?.addEventListener('click', this.handleJump) this.canvas?.addEventListener('click', this.handleJump)
this.frame() this.frame()
} }
render() { render() {
return ( return (
<div <div