score:0

you have two options, use redux, or show/hide components based on tabs.

heres an example to show/hide components

{this.state.showaboutme ? <aboutmecomponent navigation={this.props.navigation} props={this.props.user} /> : undefined}

score:1

personally, i chose to ditch react-router in this case and create a parent component with a state containing the current tab to display, while only displaying the active one.

here's a very simple example

    <div
      style={{display: this.state.currenttab === 'component_a' ? 'block' : 'none'}}
    >
      <componenta />
    </div>
    <div
      style={{display: this.state.currenttab === 'component_b' ? 'block' : 'none'}}
    >
      <componentb />
    </div>

Related Query

More Query from same tag