value on autocomplete not changing when state updated

[soroushm]

Application have two autoComplete (From and To)

after click on toggle button i will toggle state from and to

  toggleTarget() {
    let from = this.state.From
    let to = this.state.To
    console.log('toggleTarget', from, to)
    this.setState({
      From: to,
      To: from
    })
  }

actually state will be change but value of input not changing

auto Complete code

<div className="row">
              <div className="col-xs-5">
                <AutoComplete
                  name="From"
                  Value={this.state.From}
                  onUpdateInput={this.changeFrom}
                  openOnFocus={true}
                  hintText={t('From')}
                  ref="From"
                  dataSource={this.flights}
                  dataSourceConfig={{
                    text: 'name',
                    value: 'code'
                  }}
                />
              </div>
              <div className="col-xs-2  text-center">
                <FontIcon onClick={this.toggleTarget} style={iconStyles}
                          className="material-icons">swap_horiz</FontIcon>
              </div>
              <div className="col-xs-5">
                <AutoComplete
                  hintText={t('To')}
                  ref="To"
                  onUpdateInput={this.changeTo}
                  dataSource={this.flights}
                  dataSourceConfig={{
                    text: 'name',
                    value: 'code'
                  }}
                  name="To"
                  value={this.state.To}
                />
              </div>
              </div>

How can change value of input ?

[slavab89]

Please check the doc site http://www.material-ui.com/#/components/auto-complete
There is no value prop on AutoComplete. You might need to use searchText to control the text that is shown.

[oliviertassinari]

Closed by #4783