Question

我正在使用react-router v4作为React应用程序。

在表单中，我想在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方法？

我该怎么做？

Answer 1

如果可能，我会尝试在action期间撰写form元素的render()属性。这样就没有必要阻止默认。

但是，如果你想使用React路由器“以编程方式重定向”，那么是的，你应该使用

this.context.router.push(path)

...正如您在this example中看到的那样。

react-router v4添加查询参数

1 个答案: