Vfrdtyky

In this when an event like onMouseUp happens in getSingleCard function rendered element I want to call the expandDiv function but the control is not going into the function nothing is happening. Can someone help me to fix this thing.

class WikiArea extends Component
{

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");

}

};