0

Есть данный код, не могу заставить изменяться поля для ввода, при вводе данный ничего не происходит.

export default function Crossword9x9() {

  const [inputValues, setInputValues] = useState({ input: '' });

  function onChangeHandler(e) {
    setInputValues({ ...inputValues, [e.target.name]: e.target.value })
  }

  const GetInputFields = (props) => {
    let fields = [];
    for (let i = 1; i < props.countFields; i++) {
      fields.push(
        <InputCase key={'input' + i} name={'input' + i} />
      );
    }
    return (fields);
  }

  return (
    <form className="app" onChange={onChangeHandler}>

      <GetInputFields countFields={10} />

    </form>
  );
}

1 ответ 1

0

Событие "onChange" должно быть у элементов input и value тоже, в которое будете присваивать стэйт.

2
  • просто я думал при помощи делегирования событий избавиться от прописывания каждому элементу)
    – quires
    12 фев 2020 в 11:04
  • 1
    Не сталкивался с делигированием. Но если и правда ваш хэндлер реагирует на изменение в инпутах, то вам необходимо указать defaultValue ваш стейт конкретного инпута. Что-то типа такого: (Не тестил) <InputCase key={'input' + i} name={'input' + i} defaultValue={inputValues['input' + i]}/> 12 фев 2020 в 11:35

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.