How to remove jumbotron from additional pages

Question

On Modeling.js, I want to link it into a new page called Upload.js. In a new page Upload.js, I only want to display the navigation bar without jumbotron "Welcome 3D astronomical objects and get started, learn more button" and whole space left for me to display other things. How can I remove jumbotron in the Upload.js page? Are there any ways to figure out it?
My code is on the link here: https://codesandbox.io/s/3d-tool-zjm5m?file=/src/components/Modeling.js

Answer 1

You should create a Layout component, layout.js with navigation bar component and other children, pass children as argument function.

Then all the pages would call this Layout component with different child components on it.