React Native açık metin birden fazla TextInput kutuları

Question

Bir facebook'ta örnek kodu buldum. SetNativeProp kullanarak nasıl tıklatılacağını gösteren bir sayfanın içindeki React Native sayfasına ulaştım ancak nasıl yapılacağını çoklu metin kutuları ile göremiyorum.

var App = React.createClass({ 
    clearText() { 
    this._textInput.setNativeProps({text: ''}); 
    }, 

    render() { 
    return (
     <View style={styles.container}> 
     <TextInput ref={component => this._textInput = component} 
       style={styles.textInput} /> 
     <TouchableOpacity onPress={this.clearText}> 
      <Text>Clear text</Text> 
     </TouchableOpacity> 
     </View> 
    ); 
    } 
}); 

ref nedenle her zaman aynı TextInput kutusunu hedef alacak işlevinde düzeltilmesi görünüyor: İşte kodudur. Gösterdiğim herhangi bir TextInput kutusunu hedeflemek için işlevi nasıl değiştirebilirim?

Answer 1

Çalışması gerekir. TextInput'taki ref, clearText functino'dan aradığınızın olması gerektiğine dikkat edin. Farklı alanları temizlemek için cevabımı güncelleştirildi.

Answer 2

TextInput metnini temizlemek için böyle bir şeyi de kullanabilirsiniz.

clearText(fieldName) { 
    this.refs[fieldName].clear(0); 
},