reactjs - react native : TextInput toUpperCase does not work on Android in onChangeText

Question

我有一个 TextInput 组件，它应该在打字时将输入转换为大写。我的代码如下:

import React, {Component} from 'react';
import { View, StyleSheet, Text, TextInput, Button } from 'react-native';

export default class ProfileTest extends React.Component {

 constructor(props) {
    super(props);
    this.state = {text : ''};
  }

  render() {
    return ( 
     <View>
          <TextInput
            style={{fontSize : 60}}
            onChangeText={text => {
              text = text
                .toUpperCase();
              this.setState({ text: text });
            }}
            value={this.state.text}
            placeholder="enter text"
          />

        </View>
    )
  }
}

在世博会上，这确实有效。但是，当我在 Android 设备上尝试此操作时，出现以下行为:



前两个字母工作正常，但每当我添加第三个字母时，它突然重复前两个字母，以便
ABC -> ABC
我不知道它为什么会这样做，而且我似乎无法摆脱它。我已经确定 '.toUpperCase()' 是罪魁祸首。

感谢您的帮助!

Answer 1

您可以在这里找到更多信息:
https://github.com/facebook/react-native/issues/23578
1 人对其进行了修复，但仍未投入生产:
https://github.com/facebook/react-native/pull/29070
我试图找到一些解决方法，比如改变状态，引用，但没有任何效果:/