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);
}

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

1 个答案: