问Material列表-单独用于展开的OnClick

EN

class App extends React.Component {

  parentClick = () => {
    console.log('Parent clicked!');
  };
  
  iconClick = e => {
    e.stopPropagation();
    console.log('Icon clicked!');
  };
  
  render () {
    return (
      <div className="item" onClick={this.parentClick}>
        <span>Really long text to take up some room in the item.</span>
        <span onClick={this.iconClick}>Icon</span>
      </div>
    )
  }
}

ReactDOM.render(<App />, document.getElementById('root'));

.item {
  margin-top: 20px;
  padding: 15px;
  background: #ededed;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root"></div>