react-meta-tags/examples/shared/index.js

Handle document meta/head tags in isomorphic react with ease.

import React from 'react';
import {Link} from 'react-router';
import MetaTags from '../../src/index';

class App extends React.Component {
  render() {
    return (
      <div className="container">
      <MetaTags>
        <title>React Meta Tags | Page1</title>
        <link rel="canonical" href="/page1" />
        <meta name="description" content="Index page" />
        <meta property="og:title" content="MyApp" />
        <meta itemProp="test" content="Index page" />
      </MetaTags>
        <header className="header">
          <h3 className="text-muted">React Meta Tags</h3>
          <div>
            <nav className="clearfix">
              <ul className="nav nav-pills">
                <li className="nav-item">
                  <Link className="nav-link" activeClassName="active" to="/page1">Page 1</Link>
                </li>
                <li className="nav-item">
                  <Link className="nav-link" activeClassName="active" to="/page2">Page 2</Link>
                </li>
              </ul>
            </nav>
          </div>
        </header>
        <div id="app-body">
          {this.props.children}
        </div>
      </div>
    )
  }
}

export default App;