2017-08-09 7 views
-1

検索フォームを作成しようとしていますが、問題があります。 最初の入力結果にデータを持ち込まない。 私は2つ以上の入力を行う必要があります。何が問題なのですか?Reactjsデータを二度入力する

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

それはonKeyPressあるようcharCode === 13ないkeyCodeを使用してみてください

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>  
); 
} 
+0

要素全体を親要素で転記できますか? – lilezek

+0

投稿コード –

答えて

0

をレンダリングします。または、.keyを使用できます。それでも動作しない場合は、代わりにonKeyDownを試してみてください。

+0

ありがとうございますが問題は入力しないでください。私がKeyPressの操作を入力するとthis.state.userはデータを受信しません。この時間は再度入力すると起こります。 –

+0

'e.preventDefault'と' e.stopPropagation'は役に立ちますか? –

関連する問題