使用react-native在textInput字段中自动获取'/'（斜杠）

Question

如果我在文本输入字段中输入文本，则自动在月份和年份之间使用“/”（斜杠）。

这是我的代码：

  handleMMYYYY = (text) => {
     this.setState({ MMYYYY: text })
  }
 <TextInput
       underlineColorAndroid="transparent"
       autoCapitalize="none"
       placeholder="MM/YYYY"
       style={{textAlign:'center'}}
       placeholderTextColor="grey"
       returnKeyType='next'
       onChangeText={this.handleMMYYYY}
       onSubmitEditing={(event)=>{
       this.refs.third.focus();
       }}
      />

以下是我的屏幕截图：

Answer 1

一种方式可能是这个

 handleMMYYYY = (text) => {
      formated = text;
      if(formated.length==2){
        //formated = text +'/';
        if(this.state.getCardDate.indexOf('/') == -1){
          formated = text +'/';
        }

      }
    this.setState({ getCardDate: formated })    
}

不灵活，但我能想到的最简单。

Answer 2

有很多反应成分可以做到这一点。它被称为蒙面输入。

试试这个; https://www.npmjs.com/package/react-input-mask