{amp}lt;li key={suggestion.id} id={`suggestion-${index}`} className="suggestion-list-item" onClick={e ={amp}gt; this.props.checkToShare(e, suggestion)} {amp}gt; 

¿Cómo puedo agregar setState y luego llamar a la prop func en mi evento onClick ?

Puede usar una devolución de llamada en setState que se activará una vez que se actualice su estado:

 const handleClick = evt ={amp}gt; { this.setState(..., () ={amp}gt; { this.props.checkToShare(evt, suggestion) }) } ... {amp}lt;li key={suggestion.id} id={`suggestion-${index}`} className="suggestion-list-item" onClick={handleClick} {amp}gt; 

Puede llamar a setState y usar su función de devolución de llamada:

  this.setState({...}, ()={amp}gt;{ /* other function */}) 

Just y {} para la función de flecha

  {amp}lt;li key={suggestion.id} id={`suggestion-${index}`} className="suggestion-list-item" onClick={e ={amp}gt; { this.setState({ clicked: "yes" }); this.props.checkToShare(e, suggestion); }} {amp}gt;{amp}lt;/li{amp}gt; 

Mejor opte por otro método asíncrono para un código más limpio.

 {amp}lt;li key={suggestion.id} id={`suggestion-${index}`} className="suggestion-list-item" onClick={e ={amp}gt; this.cleanerWay(e,suggestion)} {amp}gt; cleanerWay=async(e,suggestion)={amp}gt;{ /**setting state**/ await this.setState({suggestion}); /**calling the action**/ await this.props.checkToShare(e, suggestion); }