'When i visit "/shop/hats" it shows only blank page. No error i could see. But when i put category component in 1st route, it works.'
'shop component'
import React from "react";
import CollectionPreview from "../../component/CollectionPreview/collectionPreview-com"
import {Route} from "react-router-dom"
import Category from "../../component/Category/category-com"
const Shop = ({match}) => {
console.log("Printing" + match.path);
return(
<div>
<Route exact path="/shop" component={CollectionPreview} />
<Route path="/shop/:categoryId" component={Category} />
</div>
)
}
export default Shop;
'Category component which is not rendering. but when i use this component in 1st route, it works '
import React from "react";
import "./category-style.css";
const Category = ({match}) => {
console.log(match);
return(
<div className="Test">
<h1>Test</h1>
</div>
)
}
export default Category;
'I even tried mentioning 2nd route as normal route (Without Param-route). No luck'