Как при выборе option из селекта рендерить второй связанный с ним уникальный селект?

Question

[kiberlain]

для примера выбрал я в селекте область России, появляется список районов этой области, потом список населённых пунктов. Примеры в сети есть? )

Answer 1

[123 123]

const states = ['', 'Moscowskaya'];
const cities = {
  'Moscowskaya': ['Moscow']
};

const Selects = React.createClass({
  getInitialState() {
    return { state: '' };
  },
  _onStateChange(event) {
    this.setState({ state: event.target.value });
  },
  render() {
    return (
      <div>
        <select onChange={this._onStateChange}>{states.map((state) => <option key={state} value={state}>{state}</option>)}</select>
      {this.state.state ? <select>{cities[this.state.state].map((city) => <option key={city} value={city}>{city}</option>)}</select> : null}
      </div>
    );
  }
});

jsbin.com/towebuxeji/edit?js,output

Comments

[kiberlain]

спасибо )