0

Подскажите в чем может быть проблема ? Есть обычный input type='text' который нужно инициализировать значением из state. Но как только я это делаю, - символы в поле не вводятся ?!

const inputSearchData = useRef(null);
const { searchData } = state;

  console.log('searchData = ', typeof searchData, '(', searchData, ')')     // searchData =  string (  )
  // searchData = '' 

  return (
          <input 
            // value={searchData}  <--- Если эту строку раскомментировать символы не вводятся
            ref={inputSearchData}            
            type='text'
            className='input-text'
            id='sExpression'
            onChange={changeFilter}  // при этом Эвент срабатывает (выводит в консоль)
          />

2 ответа 2

1
onChange={e => this.setState({ searchData: e.target.value })}
0

Вместо value={searchData} следует использовать

defaultValue={searchData}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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