Reactjs Daten holen doppelt eingeben

Question

Ich versuche, ein Suchformular zu machen.aber es gibt ein Problem. Bringt die Daten nicht in das erste Enter-Ergebnis. Ich muss zwei oder mehr eingeben. Was ist das Problem?

handleKeyPress = (e) => { 
     if (e.nativeEvent.keyCode === 13) { 
     this.props.fetchUser(e.target.value) 
     this.setUser(this.props.user) 
     } 
    } 
    setUser(value) { 
     this.setState({ user: value }); 
    } 

Render

render() { 
    const { user} = this.state; 


    return (
    <input type="text" className="form-control btn-default " placeholder="Telefon Numarasını Giriniz.." onKeyPress={this.handleKeyPress}/> 
     <div className="row"> 
     <div className="col-md-6"> 
      { 
      user.length < 1 
      ? 
      <div> Please Enter Value !</div> 
      : 
      <div> 
       {user.data.fname} 
      </div> 
      } 
      </div> 
     </div>  
); 
} 

Answer 1

Bitte versuchen charCode === 13 nicht keyCode zu verwenden, wie es onKeyPress ist. Oder Sie können .key verwenden. Wenn es immer noch nicht funktioniert, versuchen Sie stattdessen onKeyDown.