Question

我正在尝试制作搜索表单。但是有问题。不会将数据带入第一个输入结果中。我需要做两个或更多的进入。问题是什么？

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() {
  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

请尝试使用charCode === 13而不是keyCode，因为它是onKeyPress。或者您可以使用.key。如果它仍然不起作用，可以尝试使用onKeyDown。

Reactjs获取数据双输入

1 个答案: