>source

포맷을 한 다음 전화 번호가 유효한지 확인하여 업데이트 할 수 있습니까?네이티브 전화 번호 입력 반응 ? 나는 사용했다 isValidNumber 번호가 유효한지 확인하는 기능이지만 전에 형식을 지정하고 싶습니다. onChangeFormattedText 방법 :

   export default class PhoneUserInput extends PureComponent {
    ...
    render() {
    return (
    <PhoneInput
              onChange={(value) => {
   isValidNumber(value) ? updateNumber('phoneNumber', value) : value
    }
              defaultValue={defaultValue}
              placeholder="Enter Phone Number"
              defaultCode="US"
              keyboardType="phone-pad"
              withDarkTheme
              withShadow
              autoFocus
              textContainerStyle={{
                backgroundColor: 'black',
              }}
              textInputStyle={{
                color: '#fff',
                fontFamily: 'calibri',
                fontSize: Fonts.sizes.header,
                borderBottomWidth: 1,
                borderBottomColor: 'rgba(255,255,255,0.3)',
              }}
              codeTextStyle={{
                color: '#fff',
              }}
              flagButtonStyle={{
                backgroundColor: '#000',
                color: '#fff',
              }}
            />
    );
      }
    }

  • 답변 # 1

    다음과 같이 onChangeFormattedText에 액세스 할 수 있습니다.

    onChangeFormattedText={(text) => {
            isValidNumber(text) ? updateNumber('phoneNumber', text) : text
            setFormattedText(text);
            console.log(text
            
    }}
    
    

관련 자료

  • 이전 join - mysql - 테이블 쿼리 문제
  • 다음 c - 나중에 루프 반복에서 모듈로 연산자를 증가시킬 수 있습니까?