Argument an Reduzierer übergeben?

Question

Ich habe eine Aktion definiert als solche in dem Schöpfer:

export const actionCreators = { 
    submitlink: (url: string) => <SubmitLinkAction>{ type: 'SUBMIT_LINK' } 
} 

in der Komponente nannte es:

public render() { 
    return <div> 
     <div>{this.props.url}</div> 
     <button onClick={() => 
     { 
      this.props.submitlink("google.com"); 
     }}>submit</button> 
    </div> 
} 

Also, um herauszufinden, ich versuche, wie in der Reduktions Funktion kann ich thea greifen Argument übergeben? So sieht der Reducer aus:

export const reducer: Reducer<SubmitLinkState> = (state: SubmitLinkState, action: KnownAction) => {...} 

Nebenbei, wenn das nicht der richtige Workflow ist, was soll ich tun? Das Endziel besteht darin, ein Textfeld zu haben, und der Übergabeknopf sendet den Inhalt dieses Textfelds an den Reduzierer.

Answer 1

Sie die URL als Aktionsparameter wie

export const actionCreators = { 
    submitlink: (url: string) => <SubmitLinkAction>{ type: 'SUBMIT_LINK', url} 
} 

und dann in den Reduktions Zugang als action.url

export const reducer: Reducer<SubmitLinkState> = (state: SubmitLinkState, action: KnownAction) => { 
    ... 
    console.log(action.url); 
}