Я работаю с React, и у меня есть кнопка, которая должна установить состояние

{amp}lt;button class="button" onClick={this.setRecommendations}{amp}gt; Log Into Spotify {amp}lt;/button{amp}gt; 

Это вызывает функцию

 setRecommendations(){ recommendations().then(recs ={amp}gt; { this.setState({recommendations: recs}); }); } 

который обновляет recommendations: [], состоянию recommendations: [], поэтому, когда я нажимаю кнопку, я жду некоторое время, и ничего не происходит, но достаточно точно, независимо от того, как долго я жду, пока я снова нажимаю кнопку, результаты начинают отображаться.

Я знаю, что setState является асинхронным, но этот код имитирует аналогичную функцию, которая отображает результаты более мгновенно одним щелчком мыши. Могу ли я что-нибудь сделать, чтобы он работал одним щелчком мыши?