Pass this.props on Router React Redux

JavaScript
1

Hi, if i’ve this situation on App.js

const mapStateToProps = (state) => {
  return {
    isPeddingHome: state.getShowsHome.isPeddingHome,
    data: state.getShowsHome.data,
    isPeddingMovies: state.getShowsMovies.isPeddingMovies,
    movies: state.getShowsMovies.movies,
    isPeddingSeries: state.getShowsTv.isPeddingSeries,
    series: state.getShowsTv.series
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
    onGetShows: () => dispatch(getShows()),
    onGetMovies: () => dispatch(getMovies()),
    onGetSeries: () => dispatch(getTvSeries())
  }
}

const App = () =>  {
  return (
    <Router>
      <Switch>
          <Route exact path="/"  component={Home}/>
          <Route path="/movies" component={MoviesPage}/>
          <Route path="/tv" component={tvSeriesPage}/>
      </Switch>
    </Router>
  );
}


export default connect(mapStateToProps, mapDispatchToProps)(App);

how i can pass only determinate props on different component? for example, on Home i want to pass isPeddingHome, Data and onGetShows, how can do it?

2

You would do something like this. Basically using render prop that accepts your functional component.

<Route path=‘/dashboard’ render={(props) => <Dashboard {…props} isAuthed={true} />} />