2016-12-19 28 views
0

私はリアクションアプリケーションのために反応ルータv4を使用しています。フォームで反応ルータv4クエリパラメータを追加

、私はをonSubmitアクションにクエリパラメータを追加したい私のコードは次のようになり

class FiltroCuentasCorrientes extends Component { 
...//Other stuff. 

onSubmit(e) { 
    e.preventDefault(); 
    const { someVariable, otherVariable } = this.state; 
    //Here I should add the variables to the query param. 
} 

render() { 
    <Form onSubmit={(e) => this.onSubmit(e)}> 
    ... 
    </Form> 
    } 
} 

私が推奨されるアプローチが何であるかを知りません。

shouldAddParamのようなローカル状態の変数を使用し、<Redirect />を自分のパラメータにする必要がありますか?

routerコンテキストとnavigateToメソッドを使用しますか?

どうすればいいですか?

答えて

2

render()の間に、form要素のaction属性を構成しようとしました(可能な場合)。このようにして、デフォルトを防ぐ必要はありません。あなたは、ルータに反応使用して「プログラム的リダイレクト」にしたい場合は、this exampleで見ることができるよう

ただし、[はい、あなたは...

this.context.router.push(path) 

を使用する必要があります。

関連する問題