Почему не срабатывает автозаполнение?

Question

[mrrangerr]

Всем привет, использую библиотеку react-phone-input2
Мне нужно чтобы на основе данных из пропсов автоматический заполнилось поле ввода телефонного номера, но оно не срабатывает. Заметил что если прокидывать пропс в виде <PhoneInput value='someNumber'/> срабатывает, а если так <PhoneInput value={someProps} /> то уже нет

<PhoneInput
                    preferredCountries={['kz', 'ru']}
                    value={phone}
                    country='kz'
                    disabled={isDisabled}
                    onChange={(phone) => onPhoneChange(phone.replace(/\D/g, ''))}
                    copyNumbersOnly={true}
                    placeholder={placeholder}
                    inputProps={{
                        name: 'phone',
                        required: isRequired,
                        autoFocus: isAutoFocused,
                    }}
                    localization={getCountryLocalization()}
                    masks={{ kz: '(...) ...-..-..', ru: '... ... .. ..' }}
                    areaCodes={{ kz: ['7'] }}
                  />

Comments

[KindredSpirit]

Без кода реализации (не только JSX компонента, но и какие значения пробрасываете) сложно понять, что конкретно у вас не так.
Вот пример: https://codesandbox.io/s/proud-sound-0myow?file=/s...
Все работает.

Answer 1

[Wigard]

Если <PhoneInput value='someNumber' /> срабатывает, а <PhoneInput value={someProps} /> - нет, очевидно проблема в someProps. Берете и ищите место куда делись пропсы. Может они вообще не заданы. А может у вас в phoneinput валидатор только на someNumber. Кто знает.