以编程方式更改反应路由器路由参数

Question

是否有任何简单方便的方法可以使用不同的参数导航到相同的路线？

例如。 我现在在 /profile/idan 上，我希望立即将idan的参数idan为其他内容，而无需处理路由的静态部分。

Answer 1

如果您的问题是关于 API 的 v3，则react-router库引入了router上下文。 如果您在contextTypes声明，您将可以访问推送和替换方法。 例子：

import React, { Component, PropTypes } from 'react';
import { PropTypes as RouterPropTypes } from 'react-router';

class MyComponent extends Component {
  // ...
  handleSomeEvent() {
    this.context.router.push('/some/url');
  }
}

MyComponent.contextTypes = {
  router: RouterPropTypes.routerShape
};

export default MyComponent;