React Native：TextInput在样式更改时丢失文本

Question

我有一个TextInput，其样式根据状态而变化。

<TextInput
            autoCapitalize="characters"
            defaultValue={this.props.name}
            onChangeText={(text) => { this.handleChangeText(text); }}
            onEndEditing={this.handleTextSubmit}
            placeholder={this.props.dictionary.Identification__placeholder}
            placeholderTextColor={color.WHITE}
            ref={(component) => { this.textInput = component; }}
            style={[
              defaultStyles.input,
              styles.input,
              this.state.keyboardIsVisible && styles.inputSelected,
            ]}
            underlineColorAndroid="rgba(0,0,0,0)"
          />

问题是当样式更改时，它会删除TextInput中的当前值。有没有办法解决这个问题？

Answer 1

handleTextChange在做什么？你应该有一个value属性，如value={this.state.inputText}，并且handleTextChange会更新该值。