sanManjiro
@sanManjiro

Как снять маску в формате react-number??

Когда я отправляю форму, она принимает вид: «+7 (123) 123-1231». Но мне нужно, чтобы мой номер телефона был отправлен в таком виде: 71231231231. Как это сделать?
Код:
<Controller
         control={control}
         name="phoneNumber"
         onChange={ (event) => setPhoneNumber(event.target.value) }
         rules={{
            required: true,
            minLength : {
               value: 11,
               message: "*Заполните полностью поле телефона"
            }
         }}
         render={({
            field: { onChange, onBlur, value },
         }) => (
         <>
         <NumberFormat
             type="tel"
             format="+7 (###) ###-####" allowEmptyFormatting mask="_"
             onBlur={onBlur}
             value={phoneNumber}
             onChange={ (event) => {onChange(event.target.value); 
                         setPhoneNumber(formatNumber(event.target.value));
                         console.log(event)
             }}
          />
          <WarrningError>{errors?.phoneNumber && <p>{errors?.phoneNumber?.message || `*Необходимо заполнить поле "Номер телефона"`}</p>}</WarrningError>
          </>
          )}
/>
  • Вопрос задан
  • 42 просмотра
Решения вопроса 1
@ildar-meyker
Вон же в документации прямо пример дан.
onValueChange={(values) => {
    const { formattedValue, value } = values;
    // formattedValue = $2,223
    // value ie, 2223
    this.setState({ profit: formattedValue });
  }}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
kawabanga
@kawabanga
Бью себя по рукам за каждый ответ на глупый вопрос
Вот вы прям не шутите?
Конкретно ответ на ваш вопрос - https://developer.mozilla.org/en-US/docs/Web/JavaS... и заменить все + () символы ненужные.

И да, это не сложный вопрос, это база в работе с строками.
Ответ написан
Ваш ответ на вопрос

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

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