Question

我正在将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？

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

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

0 个答案: