e.target & e.currentTarget

e.currentTarget，是事件处理绑定的元素
e.target，是事件发生的元素，事件触发的目标元素

e.target

e.currentTarget

ts

function App() {
    function handleClick(e:React.MouseEvent<HTMLButtonElement, MouseEvent>) {
    console.log("e.target ", e.target)
    console.log("e.currentTarget ", e.currentTarget)
    if((e.target as HTMLElement).nodeName === "SPAN"){
      this.setState({ isOpen: !this.state.isOpen });
    }
  }
  return (
       <button
        className={styles.button}
            onClick={this.handleClick}
            >CLICK</button>
  )
}