Как связать значение флажка с вводом текста в динамической форме с response-js? - PullRequest
Новая
       34

Как связать значение флажка с вводом текста в динамической форме с response-js?

0 голосов
/ 08 марта 2019

У меня есть динамическая форма в response-js, и некоторые из моих элементов - флажок / радио, для одного из которых есть привязанный к нему текстовый ввод.
Например, вопрос: какой ваш любимый цвет?

и ответы: 

 - red
 - blue
 - green
 - OTHER

и перед ДРУГИМ ответом есть текстовый ввод, чтобы пользователь мог набрать свой собственный ответ.Как я могу привязать этот флажок / радио к соответствующему входному тексту и получить его значение? форма

1 Ответ

0 голосов
/ 09 марта 2019

Если вы используете более новую версию React, попробуйте хук состояния.Что-то вроде 

import React, { useState } from 'react';

function Example() {
  const [color, setColor] = useState('');

  return (
    <div>
    <select value={color} 
          onChange={(e) => setColor(value)}>
      { ['red', 'blue', 'green', 'OTHER'].map((c) => <option key={c} value={c}>{c}</option>)}
    </select>
    {color === 'OTHER' && <input type="text"></input>}
    </div>
  );
}

https://reactjs.org/docs/hooks-state.html

...