Mise à jour de la composante réactive extérieure

J'ai un composant pour afficher des nouvelles quelque part dans la page. Vous pouvez évaluer des nouvelles (donnez-lui des étoiles).

J'ai un autre composant dans un autre endroit où certaines nouvelles sont affichées. Dans ce composant, vous pouvez également évaluer les nouvelles. Je tiens à mettre à jour Actualités CODE> Composant (RERender IT) après un vote dans code>. Y a-t-il un moyen de le faire? p>

Quelques pseudocode: P>

class SomeComponentWhereNewsAreDisplayed extends React.Component
{
    voteAndUpdateNewsComponent() {
         updateNewsComponent()
    }
    render() {
        return <div>
            ...
            <some functionality that allows to give a star to news onClick={this.voteAndUpdateNewsComponent}>
            ...
        </div>
    }
}

class News extends React.Component
{
    componentDidMount() {
        //..ajax request to get ratings, or taking it from localStorage, etc..
    }

    render() {
        return <div>
            {this.state.ratings.map(rating => { return <span>{rating.stars}</span>})
        </div>
    }
};