Habrpavel
@Habrpavel
Frontend-developer

Почему на работает onChange input styled-component React 17/18?

import React, { FormEvent, useState } from 'react';
import styled from 'styled-components';

const Input = styled.input`
  width: 90%;
  height: 40px;
  border: none;
  border-bottom: 1px solid grey;
  padding-left: 40px;
`

export default function FieldInput() {
  const [value, setValue] = useState('')
  const handleChange = (e: FormEvent<HTMLInputElement>) => {
    console.log(e.currentTarget.value);
    setValue(e.currentTarget.value)
  }
  return (
    <Input type="text" placeholder="placeholder" onChange={handleChange} value={value} name="name" />
  );
}
  • Вопрос задан
  • 32 просмотра
Пригласить эксперта
Ответы на вопрос 2
Alexandroppolus
@Alexandroppolus
кодир
Всё там работает
https://codesandbox.io/s/throbbing-field-tlqbrn?fi...
твой код, в который я добавил див для показа текста.
Ответ написан
Комментировать
Habrpavel
@Habrpavel Автор вопроса
Frontend-developer
Точно, нашел проблему
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы