React/React-Native Refs [固定]

Question

私は自分のカスタムコンポーネントにrefを使うオプションを与えようとしていますが、それを行う方法がわかりません。何が最良の方法でしょうか？私のコンポーネント

export default class InputField extends Component { 
    constructor(props) { 
    super(props); 
    } 
    -static- onError() { 
    alert('On Error'); 
    } 
return (
<View style={ styles.inputWr }> 
    <TextInput 
    style={ [styles.input, textDir, textColor] } 
    onChangeText={this.onChangeText} 
    keyboardType={keyboardType} 
    underlineColorAndroid={'rgba(0,0,0,0)'} 
    onFocus={this.onFloatLabel} 
    secureTextEntry={secureTextEntry} 
    value={this.state.text} 
    onBlur={this.onFloatLabel} /> 

インサイド

<View style={ styles.wrapItems }> 
    <TouchableOpacity onPress={() => this.emailInput.onError() }> 
    <Text>Show Error</Text></TouchableOpacity> 
    <InputField ref={(ref) => this.emailInput = ref } alignItems={'center'} placeholder="Your Email" /> 
    <InputField ref={(ref) => this.passwordInput = ref } secureTextEntry={true} placeholder="Your Password" /> 
</View> 

**私は静的関数を削除し、それが働きました。あなたは

<InputField ref={ref => this.emailInput = ref} alignItems={'center'} placeholder="Your Email" /> 

this.emailInputにREFパラメータを割り当てる必要があります。しかしレフリーを使用して世話を

Answer 1

は、通常、それは（時々コールバックが仕事をする小道具）良い方法はありません。