class A extends Component {
   _onDelete(id) {
      this.props.deleteItem(id);
   }
   render() {
      return <B onDelete={this._onDelete}/>;
   }
}


class B extends Component {
   const onDelete= {this.props};
   let id = this.props.item.id;
   render() {
     return <div onClick={onDelete}>Hello</div>;
   }
}

return <div onClick={() => onDelete(id)}>Hello</div>;

return <div onClick={onDelete} itemId={id}>Hello</div>;

_onDelete(event) {
   this.props.deleteItem(event.target.itemId);
}