score:2

Accepted answer

you can create a header component and pass dynamically to every component where needed by values.

header.js

function header({title,menus_json,logo_path,admin}){
return (
   <header>
    // use your title,menus_json,logo_path,admin
   </header>
 )
}

use like this in needed components - example

component1.js

function component1(){
    return (
       <div>
        <header title="title" logo_path=[] admin=false
         menus_json=[{'title':'tab1', 'route_path'='/tab1'}] />
        <div>...</div>
       </div>
      )
    }

component2.js with different values title,menus_json...etc.

function component2(){
        return (
           <div>
            <header title="title2" logo_path=[] admin=false
             menus_json=[{'title':'tab2', 'route_path'='/tab2'}] />
            <div>...</div>
           </div>
          )
        }

Related Query

More Query from same tag