The latest articles on DEV Community by Reza Ramezanpour (@rezaramezanpour). https://dev.to/rezaramezanpour https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F269274%2Fe6041b2e-e55d-403f-ac85-5ab164ee91bd.jpeg https://dev.to/rezaramezanpour en Reza Ramezanpour Mon, 11 Nov 2019 08:09:50 +0000 https://dev.to/rezaramezanpour/how-to-implementing-dynamic-header-in-react-2h9m https://dev.to/rezaramezanpour/how-to-implementing-dynamic-header-in-react-2h9m <p>Hi! I'm new to React and i have a question for you 👀</p> <p>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.</p> <p>Example design:<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_jk3LHgk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/zkr4uzxm9oc4jnwnr9yx.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_jk3LHgk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/zkr4uzxm9oc4jnwnr9yx.png" alt="Alt Text"></a></p> react