@mosikus

React Как ограничить количество символов в инпут до 3?

Есть код - https://codesandbox.io/embed/blissful-buck-csbz8 (только у меня вместо textarea используется input), он отсюда. Помогите, можно ли средствами react ограничить поле ввода до 3 символов ? Как ?
  • Вопрос задан
  • 3208 просмотров
Решения вопроса 4
0xD34F
@0xD34F Куратор тега React
вместо

setValue(prevValue => prevValue + number);

пусть будет

setValue(prevValue => (prevValue + number).slice(0, 3));
Ответ написан
@i1yas
const addNumber = number => {
    return () => {
      setValue(prevValue => {
        const newValue = prevValue + number;
        if(newValue.length > 3) return prevValue;
        return newValue;
      });
    };
  };
Ответ написан
Комментировать
Комментировать
@Dasslier
FrontEnd Developer
На такие случаи делай управляемый компонент, подробнее здесь Документация
Ну и компонент в песочнице клик
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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