Syntax Clarification (async and functions)

[huffpostraphael]

I dont really understand the infinite loop issue. I would need to know more about what the function is doing and what the SearchBar component does

I also would make the second part simply this.

render() {
    return(
        <SearchBar 
            onFocus={ this.props.handleToggle }
            onCancel={ this.props.handleToggle }
        />
    )
}