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

Question

[San Manjiro]

Когда я отправляю форму, она принимает вид: «[phone]». Но мне нужно, чтобы мой номер телефона был отправлен в таком виде: 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>
          </>
          )}
/>

Answer 1

[ildar-meyker]

Вон же в документации прямо пример дан.

onValueChange={(values) => {
    const { formattedValue, value } = values;
    // formattedValue = $2,223
    // value ie, 2223
    this.setState({ profit: formattedValue });
  }}

Comments

[San Manjiro]

это то, что нужно, но теперь он передает значение типа number, которое не конвертирует почему то в строку, хотя я пытался использовать .toString().

[ildar-meyker]

San Manjiro, покажите пример того, что получилось и что хотите.

[San Manjiro]

ildar-meyker, все нормально, я просто использовал функцию, которая переводит число в строку и обратно, вот функция:

// RU: Позволяет перебрать объект => число в строку && строку в число | EN: Allows you to iterate the object => number to string && string to number
// numToStr = true конвертирует числовые значения в строковые | EN: numToStr = true converts numeric values to string values
// numToStr = false конвертирует строковые значения в числовые | EN: numToStr = false converts string values to numeric values
export const convertObjectValues = (obj, numToStr) => {
  if (numToStr !== true && numToStr !== false) return;
  if (typeof obj === "object" && obj !== null) {
    // получен объект | object received
    if (Array.isArray(obj)) {
      // объект оказался массивом, перебор массива | the object turned out to be an array, array Brute Force
      return obj.map(elem => convertObjectValues(elem, numToStr));
    } else {
      // перебор объекта | iteration of the object
      const result = {};
      for (const key in obj) {
        result[key] = convertObjectValues(obj[key], numToStr)
      }
      return result;
    }
  } else {
    // получено простое значение (не объект и не массив) | a simple value (not an object or an array) was obtained
    return isNaN(obj) ? obj : numToStr ? obj + '' : +obj;
  }
}

Answer 2

[Dmitry Bay]

Вот вы прям не шутите?
Конкретно ответ на ваш вопрос - https://developer.mozilla.org/en-US/docs/Web/JavaS... и заменить все + () символы ненужные.

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

Comments

[San Manjiro]

Видимо это вы меня не понял, было написано что я конкретно использую react-number, а это в свою очередь библиотека у которой есть своя документация, но я не могу разобраться в ней. В этой библиотеке есть функция, которая позволяет снимать маску, мне нужен был ответ как это сделать с помощью этой библиотеке, а не с помощью костылей по типу .repalce()...

[San Manjiro]

Или вы считаете меня задибила и думая что при написании таких форм я не знаю что такое .repalce()??