从Redux动作反应重定向到另一条路线

时间:2018-08-23 02:42:38

标签: reactjs redux react-router react-redux redux-saga

我正在将Redux用于状态管理和saga作为中间件。该应用程序运行正常。我有一个具有一些搜索字段的组件。下面是表格的简化版本:

 <div>
    <form onSubmit={this.handleSubmit} noValidate>
      <div>
        <div >
          <label> ORIGIN City </label>
          <br/>

          <select name="originCity" onChange={this.handleChange}>
            {this.props.airportData.map(airport => (
              <option key={airport.key} value={airport.key}> {airport.name}</option>
            ))}
          </select>
        </div>

        <div c>
          <label> DESTINATION City </label>
          <br/>
          <select name="destinationCity" 
                  onChange={this.handleChange}>
            {this.props.airportData.map(airport => (
              <option key={airport.key} value={airport.key}> {airport.name}</option>
            ))}
          </select>

在提交时,我正在调用一个动作(该动作又称为api),该动作将搜索始发地和目的地之间的航班。要求是如果api不返回任何数据,我需要停留在同一组件上并显示一条错误消息,但是如果api返回结果,则需要导航到另一条路线。我知道我可以从一个动作导航到另一条路线,但是如何显示从api返回的数据而又不两次调用api?

任何对此的帮助将不胜感激?

0 个答案:

没有答案
相关问题