Как получить элемент HTML при щелчке мышью?

Question

Я работаю над проектом React, и я пытаюсь получить элемент HTML (точка, которую я щелкнул), то есть <div>, когда мышь нажимается на столе. Например, когда я нажимаю на ячейку, <div class="price_data"> - это сработавший элемент. Я хотел бы изменить цвет слова внутри или выделить этот элемент <div>. Как мне этого добиться?

HTML пример:

<div id="table1">
  <div class="price_data">
    <span> apple <span>
  </div>
<div>

Я пробовал этот код:

handleEvent = (event) => {
   if (event.type === "mousedown") {
          //try to console.log the element detail
      } else {
          //try to console.log the element detail
      }
  }

  render() {
    return (
      <div>
        <div id="table1" onMouseDown={ this.handleEvent } onMouseUp={ this.handleEvent }>
           <Table Component>
        </div>
      </div>
    );
  }