如何拿到点击的每个Dom对象?

Question

class App extends Component {
  handler = function() {
    console.log(this);
  };
  render() {
    return (
      <>
        <div className='a' onClick={this.handler}>
          <div className='b' onClick={this.handler}>
            <div className='c' onClick={this.handler}></div>
          </div>
        </div>
      </>
    );
  }
}

Answer 1

使用 e.currentTarget

  handler = e => {
    console.log(e.currentTarget);
  };