Блог

Я хочу создать компонент ввода React Native для даты истечения срока действия кредитной карты.

Я считаю, что мне следует ввести маску в формате ММ/ГГ. Я не уверен насчет автозаполнения с autoCompleteType="cc-exp" textContentType="creditCardNumber" помощью и.

Как это можно сделать без библиотеки и только javascript/машинопись?

InputCreditCardExpirationDate.tsx

 // React Hooks: State  const [value, setValue] = useStatelt;stringgt;('');   const formatMMY = (string: string): string =gt; {  // HOW?  };   // On Change  const onChange = (text: string): void =gt; {  // MM/YY  text = formatMMY(text);   if (text.length gt;= 1) {  // Set State  setValue(text);   // Props: On Change Text  onChangeText(text);  }  };   return (  lt;Input  value={value}  placeholder={placeholder || 'Expires'}  label={label ? label : 'Expires'}  keyboardType="numeric"  onChangeText={onChange}  autoCompleteType="cc-exp" // Android Only  textContentType="creditCardNumber" // iOS Only  maxLength={7}  darkMode={darkMode || false}  /gt;  );