Я новичок в реагировании и избыточности, поэтому я озадачен тем, как заставить мою ситуацию работать.
То, чего я пытаюсь достичь, - на первом шаге мастера появится переключатель при нажатии на него будет установлено значение для раскрывающегося списка на следующем шаге. затронутыми полями будет список стран, который, если он будет выбран на первом шаге, будет выбран на следующем, другое - если сделан выбор для взрослых, будет установлен возрастной диапазон (раскрывающийся список) от 18 до 99 лет. .
Код почти такой же, как этот https://redux-form.com/8.2.2/examples/wizard/, вместо этого я имею дело с выпадающим списком для установки значения по умолчанию.
<Field name="age_from" placeholder="Select age from" validate={ [validate.required] } onChange={this.onChangeAgeFrom} component={SelectComponent} options={this.state.ageFromOptions} />
===========================================================
onChangeAgeFrom = (value, newValue) => {
console.log('>', newValue, value);
this.setState({
ageFrom: newValue,
ageToOptions: _range(newValue + 1, 100).map(i => ({value: i, label: i}))
})
}
======================================================
{page === 1 && <General
onSubmit={this.nextPage} labels={labels} />}
{page === 2 && (
<ProfileForm
projectId={projectId}
previousState={location.state}
ageCategory={this.state.ageCategory}
previousPage={this.previousPage}
location={location}
onSubmit={this.nextPage} />
)}
========================================================
<Field
className="styled-checkbox"
name="ageCategory"
id="is-adult"
value="adult"
onChange={event => this.onChangeAgeCategory(event.target.value)}
component="input"
type="radio"
/>
===================================================
onChangeAgeCategory = (value) => {
this.setState({
ageCategory: value,
age_from: value == 'adult' ? 18 : 0,
age_to: value == 'adult' ? 99 : 19
})
}