Как вставить value в react-input-mask?

Question

[Андрей]

Я хочу передать значение для подстановки в свою форму:

= react_component "PhoneInput/PhoneInput", {value: @user.phone, name: 'user[phone]'}

В моем компоненте:

const PhoneInput = ({ name, value }) => (
  <InputMask mask="[phone]" name={name} value={value} required className="input" />
);

Значение подставляется, но ни отредактировать, ни удалить подставленное значение я не могу.
Как это можно сделать?

Answer 1

[0xD34F]

А где же обработчик onChange? Почему его нет? Надо добавить.

Comments

[Андрей]

Понял, добавил onChange, но не совсем понимаю как редактировать value

[Андрей]

В консоли изменения есть - console.log(e.target.value) возвращает +7 (333) 333 __ __
Но в браузере ничего не меняется

[0xD34F]

Андрей, документацию почитайте.

[Андрей]

0xD34F, Вы имеете ввиду использовать state?

[0xD34F]

Андрей, а вы не используете? Круто, чё. Ну тогда вам наверное нужен неуправляемый инпут - вместо value передавайте defaultValue.

[Андрей]

спасибо, все сработало, я очень вам благодарен

Answer 2

[Kadirov_style]

просто вместо value поставьте defaultValue