Не вызывать функцию из события в реагировать JS

Question

В этом случае, когда в визуализированном элементе функции getSingleCard происходит событие наподобие onMouseUp, я хочу вызвать функцию expandDiv, но элемент управления не входит в функцию, ничего не происходит. Может кто-нибудь помочь мне исправить эту вещь.

класс WikiArea расширяет компонент {

constructor(props)
{
    super(props);
    this.expandDiv = this.expandDiv.bind(this);
}


render()
{
  if(this.props.result!=null)
  console.log(this.props.result[1]);
  var totalArray = this.props.result;
  var y;
  var self = this;
  if(totalArray!=null)
  {
    return totalArray.map(this.getSingleCard,this);

  }
  else {
    return <div></div>;
  }
}
// onKeyPress ={event => this.onInputChange(event)
//console.log(event.currentTarget.id);this.viewMore.bind(this, attributeId)

getSingleCard(val)
  {
    console.log("syam");
    console.log(self);
    var x=val;
    if(val!=null){
    return (<div className="panel panel-default card-background" id={val["s.no"]}    onMouseUp = {event => {this.expandDiv.bind(this);}}>
      <p>{val["amt.pledged"]}</p>
      <p>{val.blurb}</p>
     </div>);
   }
   else{
     return (<div></div>);
   }
  }
expandDiv(event){
  console.log("Entering into the div");
}

};