Noob question - Query component (Apollo)

help
1

How do I modify the result data from the query in example below? Am I using components in a bad practise here?

//Parent component
render () {
  return (
	<Container>
	//Component with a dropdown with filter options
         <SettingsBar onFilterchange={this.handleChange}/>
           <Query query={EVENT_QUERY}}>
             //Code.....
             return (
	       //Component that displays the data
               <Feed data={data.events}/>   <------ How can I modify this data when Settingsbar triggers filterChanged above?
             );
  	  </Query>
	</Container>
  )
}
2

Thanks for the query will review it and revert to you

Parent component
render () {
return (

//Component with a dropdown with filter options


//Code…
return (
//Component that displays the data

How can I modify this data .when Settingsbar triggers filterChanged above?
);


)
}