DEV Community

Reza Ramezanpour
Reza Ramezanpour

Posted on

How to Implement dynamic header in React?

Hi! I'm new to React and i have a question for you πŸ‘€

I'm going to build a React app in which each page has its own header content, and its contents may not look alike(For example for search page we have a input on header and for single page we have single title and action buttons, just like a native app) and the number of pages is pretty large, but I don't know how to do it and I need guidance. I want to see if react has a convenient solution to implement this? Do I have to make a proprietary header component for each page? What is the best way to do this? Thanks.

Example design:
Alt Text

Top comments (0)