curry_homepage_extended.jsx

// App.jsx
import HomepageRow from 'dgx-homepage-row-component';
import HomepageStaffPicks from 'dgx-homepage-staff-picks-component';
import { gaUtils } from 'dgx-react-ga';

const trackHomepage = gaUtils.trackEvent('Homepage');
const trackHomepageRow = (action) => {
  return (label) => {
    return trackHomepage(action, label);
  };
};

class App extends React.Component {
  // ...
  render () {
     // ...
    <HomepageRow trackHomepageRow={trackHomepageRow('Staff Picks')} content={<HomepageStaffPicks />} />
  }
}

// HomepageStaffPicks.jsx
// Now we can call the trackHomepageRow function similar to above but only passing the label we want to track for the element:
<a href={link} onClick={this.props.trackHomepageRow('Heading')}>Staff Picks</a>
// And in the feature component of the Homepagestaffpicks component for a book image:
<a href={link} onClick={this.props.trackHomepageRow('book image')}><img … /> </a>