Tengo una aplicación React. Esta aplicación obtiene elementos aleatorios del servidor. Después de eso, el usuario verifica uno y la aplicación obtiene nuevos elementos. Esta aplicación es muy simple

getElements(){ const id = this.props.id; axios.get(`ajax/elements/`   id) .then(res ={amp}gt; { const elements = res.data; this.setState({ elements, loading: false }); }).catch(error ={amp}gt; { this.setState({ error }); }) } render() { return {amp}lt;div className="container"{amp}gt; {amp}lt;Elementlists elements={this.state.elements} /{amp}gt; {amp}lt;/div{amp}gt; } 

Estoy usando el método getElements para obtener elementos del servidor (estoy usando componentDidMount). El problema es que quiero obtener nuevos elementos después de los elementos de verificación del usuario (esto está en otros componentes) y no quiero repetir el método getElements . En este momento se ve así.

 onSelect(id){ const select = { element_id: id } axios.post(`ajax/select`, { select }) .then(res ={amp}gt; { //someting }) } render() { return( {amp}lt;ul{amp}gt; { this.props.elements.map(element ={amp}gt; {amp}lt;li key={element.id}{amp}gt; {amp}lt;div onClick={() ={amp}gt; this.onSelect(element.id)} className="singleElement" style={ { backgroundImage: "url(" element.cover ")" } }{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/li{amp}gt;)} {amp}lt;/ul{amp}gt; ); } 

¿Cómo puedo obtener elementos después de que el usuario verifique un elemento sin repetir el código en otros componentes?

necesitará usar redux (o similar) para la administración global del estado de la aplicación. Una vez que obtiene los elementos y almacena el estado de la aplicación redux, puede conectarse y usar los elementos en la aplicación.