在emergent react-autosuggest列表中不会侦听事件单击

Question

当我单击其中一个建议时，下拉列表只会消失，但无法听到鼠标单击事件，

鼠标焦点和键盘事件等其他事件完美运行。

在我的输入代码结构中，组件通常在另一个组件中，正如我在下面的部分代码中所示：

父组件

class SideMenu extends React.Component {
  constructor(props){
    super(props);
    this.state={
      nameSideMenu: "",
    }
  }
  changeName=(value)=>{
    const h=new Side();
    this.setState({nameSideMenu: value})
    this.props.value_return(value);
    h.setState({name: value})
  }

  render(){
    return(
      <div id="sidebar_menu">
      <h1>Search</h1>
       <CajaTxt value={this.changeName}/>
      </div>
    )
  }
}

子组件，在CajaTxt类的渲染中

return(<form>
         <Autosuggest
          id="Name" 
          suggestions={nicknameSuggestions}
          onSuggestionsFetchRequested={this.onNicknameSuggestionsFetchRequested}
          onSuggestionsClearRequested={this.onNicknameSuggestionsClearRequested}
          onSuggestionSelected={this.onNicknameSuggestionSelected}
          getSuggestionValue={getSuggestionNickname}
          renderSuggestion={renderSuggestion}
          inputProps={nicknameInputProps}
        />
</form>)

请帮助我，我已经站了很长时间试图纠正这个Bug

Answer 1

使用道具focusInputOnSuggestionClick

https://github.com/moroshko/react-autosuggest#focus-input-on-suggestion-click-prop

它提供了在单击建议后丢失输入焦点的功能。