Как узнать на какой блок был клик в ReactJS?

В ReactJS можно определить, на какой именно блок был клик, используя событие onClick и метод ReactDOM.findDOMNode().

Сначала нужно импортировать React и ReactDOM в вашем компоненте:

import React from 'react';
import ReactDOM from 'react-dom';

Затем, создайте компонент, на который будет кликаться:

class MyComponent extends React.Component {
  handleClick = (event) => {
    // Получаем элемент, на который был клик
    const clickedElement = event.target;
    
    // Используя метод ReactDOM.findDOMNode(), получаем DOM-узел этого элемента
    const domNode = ReactDOM.findDOMNode(clickedElement);
    
    // Далее, можно использовать этот DOM-узел, чтобы выполнить необходимую логику
    console.log(domNode);
  }
  
  render() {
    return (
      <div onClick={this.handleClick}>
        Это блок, на который можно кликнуть
      </div>
    );
  }
}

В этом примере мы создаем компонент MyComponent с методом handleClick, который будет вызываться при клике на блок. Внутри этого метода мы получаем элемент, на который был клик, используя event.target. Затем, мы вызываем ReactDOM.findDOMNode(), передавая в него этот элемент, и получаем соответствующий DOM-узел. Здесь можно выполнить любую необходимую логику с этим DOM-узлом.

Не забудьте добавить onClick={this.handleClick} для указания, что метод handleClick должен быть вызван при клике на компонент.

Важно отметить, что использование ReactDOM.findDOMNode() считается не рекомендуемым, так как он может привести к нежелательным побочным эффектам. Вместо этого, лучше использовать ref, чтобы получить доступ к DOM-элементу.