0

で別のパスに移動しようとしてい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ます。私は何が欠けていますか?ページに移動する適切な方法は何ですか? イベントでページ ナビゲーションを行う Web 上の例はありますか?

4

1 に答える 1