Hier ist eine grundlegende Komponente. Beide<ul> und<li> haben onClick-Funktionen. Ich will nur den onClick auf das<li> Feuer, nicht das<ul>. Wie kann ich das erreichen?

Ich habe mit e.preventDefault (), e.stopPropagation () herumgespielt, ohne Erfolg.

class List extends React.Component {
  constructor(props) {
    super(props);
  }

  handleClick() {
    // do something
  }

  render() {

    return (
      <ul 
        onClick={(e) => {
          console.log('parent');
          this.handleClick();
        }}
      >
        <li 
          onClick={(e) => {
            console.log('child');
            // prevent default? prevent propagation?
            this.handleClick();
          }}
        >
        </li>       
      </ul>
    )
  }
}

// => parent
// => child