javascript - 使用 redux-simple-router 导航到另一条路径

Question

我正在尝试使用 导航到另一条路径redux-simple-router。这是我的组件片段（参见handleSubmit方法）：

import React, { Component } from 'react'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'

import * as actionCreators from 'redux-simple-router'

@connect(
  state => state,
  dispatch => bindActionCreators(actionCreators, dispatch)
)
export class Header extends Component {
  constructor(props) {
    super(props)
    this.handleSubmit = this.handleSubmit.bind(this)
  }

  handleSubmit (e) {
    e.preventDefault()
    this.props.pushPath('/#/admin/users' + (this.state.searchInput !== '' ? '?query=' + this.state.searchInput : '') )
  }

  ...
}

这不是将我带到指定的路径，而是将 UPDATE_PATH 分派 2 到 4 次，而不是刷新页面并将我带到http://localhost:3000/?#/home. 我错过了什么？导航到页面的正确方法是什么？网络上有没有对事件进行页面导航的示例？

Answer 1

我还没有看到很多 pushPath 的例子。为什么不用路由器？

handleSubmit (e) {
    e.preventDefault()
    this.context.router.push('/admin/users' + (this.state.searchInput !== '' ? '?query=' + this.state.searchInput : '') + id);
}