<Link
to="/36"
data-metrics-event-name="FooterLinks:Click"
data-metrics-surah-id="36"
>
Surah Yasin, Yaseen (يس)
</Link>
</li>
<li>
<Link
to="/2/255"
data-metrics-event-name="FooterLinks:Click"
data-metrics-surah-id="2/255"
>
Ayat Al-Kursi (آية الكرسي)
</Link>
</li>
</ul>
</Col>
</Row>
</Grid>
</footer>
</div>
);
}
}
const metricsApp = metrics(metricsConfig)(App);
export default connect(state => ({surahs: state.surahs.entities }))(metricsApp);
<div>
<ul>
<li><IndexLink to="/">Home</IndexLink></li>
<li><Link to="/async">Async Page View Track</Link></li>
<li><Link to={{pathname: "/async", query: {param: "abc"}}}>Async Page View Track with query param</Link></li>
<li><Link to="/manual">Manual Page View Track</Link></li>
<li><Link to="/user/123">Page View Track with params</Link></li>
</ul>
{this.props.children && React.cloneElement(this.props.children, {
appName: App.displayName
})}
</div>
);
}
}
const DecoratedApp = metrics(MetricsConfig)(App);
class NotFound extends Component {
render() {
return (
<h1>404!</h1>
);
}
}
ReactDOM.render((
<Router history={hashHistory}>
<Route path="/" component={DecoratedApp}>
<IndexRoute component={Home}/>
<Route path="async" component={AsyncPageView}/>
<Route path="manual" component={ManualPageView}/>