Question

我正在为我的react-native应用添加简单的日期屏蔽。它有效，似乎在https://rnplay.org/apps/3twbCw的rnplay中，并且它无法与我的应用程序一起使用。

屏蔽功能是：

dateFormat(text) {
  if (text.match(/^\d{2}$/) !== null) {
    text += '/';
  } else if (text.match(/^\d{2}\/\d{2}$/) !== null) {
    text += '/';
  }
  this.setState({birthdate: text});
}

我将此函数应用/调用为：

<TextInput
  key='birthdateTxt'
  style={styles.formField}
  returnKeyType='done'
  ref={(ref) => this.birthdateInput = ref}
  onFocus={() => this.inputFocused(this.birthdateInput)}
  value={this.state.birthdate}
  onChangeText={(text) => this.dateFormat(text)}
  onSubmitEditing={() => this.register()}
/>

调用该函数。从调试输出可以清楚地看出这一点。但是this.setState（{birthdate：text}）不会改变TextInput的值。 rnplay示例似乎在做同样的事情，但它没有表现出同样的问题。

我该检查什么？

Answer 1

TextInput显然在0.17中被部分打破。

调试react-native TextInput行为

1 个答案: