React.js How to get the component associated with an element in an event handler?

Question

React

class Table extends Component {
  constructor(props) {
    super(props);
    this.handleClick = handleClick.bind(this);
  }

  handleClick(e) {
      console.log(e.target);
  }

  render() {
     return(<div onClick={this.handleClick}></div>);
  }
}

in the e.target DOM element, it's logical.
How to get the component corresponding to this element?
For example, you need some value from the component associated with this element. Or something else.

Answer 1

I hope the meaning is clear.

class Table extends Component {
  constructor(props) {
    super(props);
    this.handleClick = handleClick.bind(this);
  }

  handleClick(id) {
    console.log(id);
  }

  render() {
    return (
      <div>
      {items.map(item => <Item key={item.id} onClick={() => this.handleClick(item.id)} />)}
      </div>);
  }
}