onBlur가 호출 될 때 TextInput에서 값을 얻으려면 어떻게해야합니까?

Question

네이티브에서는 onBlur 이벤트 핸들러에서 TextInput 값을 전달하려고합니다.

onBlur={(e) => this.validateText(e.target.value)} 

e.target.value는 일반 React에서 작동합니다. 그러나 react-native에서 e.target.value는 정의되지 않습니다. 반응 네이티브에서 사용할 수있는 이벤트 args의 구조는 무엇입니까?

Answer 1

React Native에서는 TextInput 값을 e.nativeEvent.text에서 가져올 수 있습니다.

불행히도 multiline={true}에 대해서는 작동하지 않습니다. 이 문제를 해킹하는 하나의 이유는 TextInput에 대한 참조를 유지하고 구성 요소의 _lastNativeText 속성을 통해 텍스트 값에 액세스하는 것입니다.

onBlur={() => console.log(this.refs.textInput._lastNativeText)}

Answer 2

당신은 대신 '및 onblur'

onEndEditing의 'onEndEditing'방법을 사용한다 : 예를 들어 (당신의 TextInput 구성 요소는 할당 한 "에서 textInput"의 심판 가정)? : function 텍스트 입력이 끝날 때 호출되는 콜백.

및 onblur는 onEndEditing가의 TextInput

이 방식은 여러과 한 줄 모두를 위해 작동 onEndEditing

에 대한 특정 구성 요소의 기능입니다.

<TextInput 
    onEndEditing={(e: any) => 
    { 
     this.setState({textValue: e.nativeEvent.text}) 
    } 
}/> 

Answer 3

간단한 해결책 : 이 떨어진 상태의 이메일 및 onblur는 항상 사용자가 변경할 마지막 값을 갖게됩니다.

  validate =() => { 
      const { email } = this.state 
      console.log('Validating Email Here!', email) 
      } 

      <TextInput 
      style={styles.input} 
      placeholder='E-mail' 
      onChangeText={email => this.setState({email})} 
      onBlur={e => this.validate()} 
     />