Reagieren-redux-Router Push mit Aktion/Reduktions

Question

Ive erhielt einen einfachen Klick-Handler, die ein Objekt passiert (selectedPost) zu einer Aktion - unten ist die Komponente:

class SearchBarContainer extends Component { 
    render() { 
    return (
     <div> 
      <div className="center-xs"> 
      <p>To get started, type in some keywords below</p> 
      </div> 
      <SearchBar onTermChange={this.props.actions.loadPosts} onNull={this.props.actions.nullPosts}/> 
      <PostList posts={this.props.posts} isFetching={this.props.isFetching} onClick={this.props.actions.selectPost}/> 
     </div> 
    ); 
    } 
} 

Hier ist die Aktion:

export function selectPost(post) { 
    return { 
    type: SELECT_POST, 
    payload: post 
    } 
} 

Was will ich zur gleichen Zeit tun, ist die uRL mit Push ändern/Produkt/foo aber ich kann nicht ganz herausfinden, wo ich diesen Code zu setzen - jede Hilfe dankbar

Answer 1

Sie könnten es tun, indem ein Aufruf Funk tion onClick und dann innerhalb der Funktion

class SearchBarContainer extends Component { 
    selectPost = (post) => { 
     this.props.history.push('/product/foo'); 
     this.props.actions.selectPost(post) 
    } 
    render() { 
    return (
     <div> 
      <div className="center-xs"> 
      <p>To get started, type in some keywords below</p> 
      </div> 
      <SearchBar onTermChange={this.props.actions.loadPosts} onNull={this.props.actions.nullPosts}/> 
      <PostList posts={this.props.posts} isFetching={this.props.isFetching} onClick={this.selectPost}/> 
     </div> 
    ); 
    } 
} 
export default withRouter(SearchBarContainer);