Как установить значение по умолчанию для ввода в мастере в форме Redux? - PullRequest
0 голосов
/ 06 января 2020

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

То, чего я пытаюсь достичь, - на первом шаге мастера появится переключатель при нажатии на него будет установлено значение для раскрывающегося списка на следующем шаге. затронутыми полями будет список стран, который, если он будет выбран на первом шаге, будет выбран на следующем, другое - если сделан выбор для взрослых, будет установлен возрастной диапазон (раскрывающийся список) от 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
        })
      }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...