Блог

Главная - Вопросы по программированию - Выбор значений формы в redux-from

Выбор значений формы в redux-from

#javascript #reactjs #redux #redux-form

#javascript #reactjs #переопределение #переопределение формы

Вопрос:

Я хочу показывать форму при нажатии на переключатель с помощью redux-from, вот следующая ссылка на учебник (реализует с помощью флажка), выбирающая значения формы, но я не могу реализовать это на переключателе,

у меня есть 2 переключателя

при щелчке на переключателе x отображается форма

при y щелчке переключателя отображается форма b и скрывается форма a 

     <label htmlFor="hasEmail">percentage</label>
    <div>
      <Field
        name="taxtype"
        component="input"
        type="radio"
        value="percentage"
      />
    </div>
  </div>
  <div>
    <label htmlFor="hasEmail">usd</label>
    <div>
      <Field
        name="taxtype"
        component="input"
        type="radio"
        value="usd"
      />
    </div>
  </div>
  {usd amp;amp; (
    <div>
      <label>Email</label>
      <div>
        <Field
          name="email"
          component="input"
          type="email"
          placeholder="Email"

        />
      </div>
    </div>
  )}

  {percentage amp;amp; (
    <div>
      <label>Email 2</label>
      <div>
        <Field
          name="email"
          component="input"
          type="email"
          placeholder="Email"

        />
      </div>
    </div>
  )}



 const percentage = selector(state, 'percentage')
  const usd = selector(state, 'usd')

Комментарии:

1. Что вы пробовали до сих пор?

2. открывайте разные формы, когда я нажимаю переключатель, форма зависит от значений переключателя

3. Вы должны предоставить нам часть своего кода, который не работает.

Ответ №1:

Вот пример, на который вы ссылались, который вы переписали, чтобы включить два радиоприемника

https://codesandbox.io/s/koz449qo6o

Комментарии:

1. спасибо за ваш ответ, но мне это нужно в переключателе, потому что в checkbox мы можем выбрать оба, вот в чем проблема

2. Вы пробовали изменить type="checkbox" на type="radio" ?

3. да, это; не работает, потому что переключатель работает немного иначе, чем флажок

4. Я обновил код, вы можете найти рабочую версию здесь: codesandbox.io/s/koz449qo6o