компоненты не рендерится

Question

, поэтому у меня есть форма с несколькими вариантами выбора. Форма у меня

Я выбираю опцию из года, который отправляет действие и выполняет вызов API, чтобы получить список отображаемых брендов.

если я выбираю бренд и пытаюсь выбрать другой год, разве ему не нужно совершать еще один вызов API, когда он выбран? а вот такой же список брендов показывается?

внутри моей функции рендеринга:

<div className='form-div'>
    <Select defaultValue='-Year-' style = {{width:262}} className = 'formInput' onChange={this.handleYearSelection.bind(this)}>
      {getYear(this.props.year)}
    </Select>
    </div>
    <div className='form-div'>
    <Select defaultValue='Brand' disabled={!this.state.brandVisibility} style = {{width:129}} className = 'formInput' onChange={this.handleBrandSelection.bind(this)}>
      {getBrand(this.props.brand)}
    </Select>
    <Select defaultValue='Model' disabled={!this.state.modelVisibility} style = {{width:129}} className = 'formInput' onChange={this.handleModelSelection.bind(this)}>
      {getModel(this.props.model)}
    </Select>
  </div>

перед функцией рендеринга:

handleYearSelection(year){
    this.setState({brandVisibility : true, year: year});
    this.props.requestYear(year);
  }

  handleBrandSelection(brand){
    this.setState({modelVisibility : true, brand: brand });
    this.props.requestBrand(brand);
  }

Итак, как я могу решить это