引数を減算器に渡しますか？

Question

私は創作者でそのように定義されたアクションがあります。それを呼び出すコンポーネントで

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

を：

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

だから私は減速機能で、私はテアをつかむことができるかを把握しようとしていますルージュが渡された？これは、減速機の外観です。

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

これは正しいワークフローではない場合はどうしたらいいですか？最終的な目標は、テキストボックスを持ち、送信ボタンがそのテキストボックスの内容をレデューサーに送信することです。

Answer 1

あなたは

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

のようなアクションパラメータとしてURLを渡すことができ、その後、action.url

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