react.js call parent function from child

Question

I know there are a few similar questions here and here but I am having a tough time understanding what is the correct thinking today on this and extrapolating it to my situa

Answer 1

You need to pass handleScoreRemove through props

var scoreNodes = this.props.data.map(function(score) {
  return 
  
}, this);

and in Score component call it like this

removeRecord: function(e) {
   this.props.handleScoreRemove( /* add arguments what do you need */ );
},