La parte JSX se ve así:

 <span className="header_srh_i_c" onMouseDown={this.toggleSearchbar}> <i className="fa fa-search" id="searchButton" name="searchButton" /> </span>

La función en el mismo componente se ve así:

 toggleSearchbar(event){ const eventType = event.type; if(this.state.showSearch && this.props.q && length(this.props.q) > 0){ this.toggleSearching(); }else{ console.log("state after", this.state.showSearch) //false this.setState({showSearch:!this.state.showSearch},function (event) { console.log("state after", this.state.showSearch) //false }) } }

el estado sigue siendo un evento false después de la ejecución de

 this.setState({showSearch:!this.state.showSearch},function (event) { console.log("state after", this.state.showSearch) //false })

Sin embargo, funciona bien si uso onClick en lugar de onMouseDown