blog/[postID].js

[postID].js

import { Block, Navbar, Page } from "framework7-react";

export default function BlogPost(props) {
  /* 
   we use Framework7 router and its features
  */
  const { postID, f7route } = props;
  return (
    <Page>
      <Navbar title="Post" backLink="Back" />
      <Block strong>
        <p>This is a dynamic route loaded from <code>/blog/[postID].js</code> page component.</p>
        <p>Route URL: <b>{f7route.url}</b></p>
        <p>Post ID: <b>{postID}</b></p>
      </Block>
    </Page>
  )
}