Skip to content

Instantly share code, notes, and snippets.

@DreySkee
Created June 16, 2017 17:07
Show Gist options
  • Save DreySkee/14e6dc52afec0a790c8a3dbd8b8209d5 to your computer and use it in GitHub Desktop.
Save DreySkee/14e6dc52afec0a790c8a3dbd8b8209d5 to your computer and use it in GitHub Desktop.
13 - Wordpress API + ReactJS (Updated)
import {Link} from 'react-router-dom';
import DataStore from 'flux/stores/DataStore.js'
class Header extends React.Component {
render() {
let allPages = DataStore.getAllPages();
allPages = _.sortBy(allPages, [function(page) { return page.menu_order; }]); // Sort pages by order
return (
<div className="header">
<Link to="/" style={{marginRight: '10px'}} >Home</Link>
{allPages.map((page) => {
if(page.slug != 'home'){
return(
<Link
key={page.id}
to={`/${page.slug}`}
style={{marginRight: '10px'}}
>
{page.title.rendered}
</Link>
)
}
})}
</div>
);
}
}
export default Header;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment