使用此.setState时如何解决电话格式?

我想用户输入电话号码 1234567888 将改变为 1234 567 888

我试着用它 <TextInput />

  constructor(props) {
    super(props);

    this.state = { 
      phoneNumber: '',
    };
  }

      <TextInput 
        style={styles.textInput}
        keyboardType='numeric'
        onChangeText={(tex) => this.adjustPhoneNumber(tex)}
        value={phoneNumber}
        placeholder={'1234 567 888 '}
        autoFocus={true}
        placeholderTextColor='rgba(33, 33, 33, 0.41)'
      />



adjustPhoneNumber = (tex) => {

    let editedPhoneNumber = tex;

    if (tex.length === 4) {
      editedPhoneNumber = tex.concat(' ');
    } else if (tex.length === 8) {
      editedPhoneNumber = tex.concat(' ');
    }

    this.setState({ phoneNumber: editedPhoneNumber });
}

当用户输入时,手机会先正常工作。

但是如果用户点击键盘上的返回按钮, TextInput 会粘在什么时候 tex.length === 8

我用的时候谁都知道怎么修 this.setState ?

事先谢谢。