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

Question

[mosikus]

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

Answer 1

[0xD34F]

вместо

setValue(prevValue => prevValue + number);

пусть будет

setValue(prevValue => (prevValue + number).slice(0, 3));

Comments

[mosikus]

Спасибо большое

Answer 2

[i1yas]

const addNumber = number => {
    return () => {
      setValue(prevValue => {
        const newValue = prevValue + number;
        if(newValue.length > 3) return prevValue;
        return newValue;
      });
    };
  };

Answer 3

[justadumb]

https://codesandbox.io/embed/sweet-albattani-r6xj2...

Answer 4

[Павел Диденко]

На такие случаи делай управляемый компонент, подробнее здесь Документация
Ну и компонент в песочнице клик