Как назначить событие клика для каждого круга в холсте Api, используя ответ

Question

Я попробовал все, чтобы решить эту проблему, но я не могу понять это. Есть ли простой способ нажатия на круги или мне нужно рассчитать площадь кругов относительно размера холста? Общая идея состоит в том, чтобы смоделировать 2d светодиодный дисплей. При нажатии выключается и включается. Идея состоит в том, чтобы создавать шаблоны эмодзи с помощью светодиодов. Любая помощь будет принята с благодарностью.

  constructor() {
    super();
    this.state = { color: "red",blur:20, ledOn: true };
    this.elements = [];
  }

  componentDidMount() {
    this.updateCanvas();
  }
  componentDidUpdate() {
    this.updateCanvas();
  }

  updateCanvas = () => {
    const canvas = this.refs.canvas;
    const ctx = canvas.getContext("2d");
    ctx.fillStyle = this.state.color;
    ctx.shadowBlur = this.state.blur;
    ctx.shadowColor = this.state.color;
    for (var i = 0; i < 8; i++) {
      for (var j = 0; j < 8; j++) {
        ctx.beginPath();
        ctx.arc(12.5 + j * 25, 12.5 + i * 25, 10, 0, Math.PI * 2, true);
        ctx.fill();
      }
    }
  };

screen