学習を始めたばかりの、初歩的な質問ですみません。
React Native 0.56 でテキストフィードのクリアについてアドバイスをいただけましたら幸いです。
export default class TodoInput extends Component { onPress = () => { this._textInput.setNativeProps({text: ''}); } render() { const { onPress, } = this.props; return ( <View style={styles.container}> <TextInput style={styles.textInput} ref={component => this._textInput = component} /> <TouchableOpacity style={styles.button} onPress={this.onPress} > <Text style={styles.buttonText}>削除</Text> </TouchableOpacity> </View> ); } }
このように削除ボタンをクリックすると _textInput の値がクリアされるプログラムを作成しました。
ですが、iOSシミュレーター等で入力値がクリアされない状態です。
以下のように他の任意値をセットすると、テキストフィードは無事、hogeで上書きされるのですが、'' だけだと反応が無いようでして。
this._textInput.setNativeProps({text: 'hoge'});
他のサイトや、以下のドキュメントに基づいた組み込みになっていると思うのですが、
https://facebook.github.io/react-native/docs/direct-manipulation.html
他にも、clear() なども試してみたましたが、挙動としては変わらずでした。
値のクリアにつきまして、ご存知の方、アドバイスをいただけましたら幸いです。
あなたの回答
tips
プレビュー