Approach question - Passing events to header

Hi,

I’ve downloaded the kit and altered my app.js to include a site header, I want to have a mini basket in the header and want to pass an “AddToCart” event from a child page into the header.

App.js now looks like this

` render() {

return !this.props.error ? (

  <div>

    <Header data={this.state.navData} isShopPage={this.state.isShopPage} />

    {this.props.children}

    <Footer />

  </div>

) : this.props.children;

}`

I’ve been using the kit to get to grips with react so this may be a newbie question but can someone explain the best way to wire up and pass an event from a child route back up into the app and over to the header component?

Thanks

[ucay]

Same with me, and I’ve tried something like this

<Header 
    data={this.state.navData} 
    isShopPage={this.state.isShopPage} 
    shopData={this.props.children.props.shopData}
/>

so, i just need to add props in children’s index.js (in routes directory)

return {
      title,
      component: <Shop title={title} shopData={someVar}/>
    };

still looking the best way to do this.

[ulani]

@pcooper1979 thank you very much for crating this issue! Unfortunately, we have close it due to inactivity. Feel free to re-open it or join our Discord channel for discussion.

NOTE: The main branch has been updated with React Starter Kit v2, using JAM-style architecture.