Реагировать по среднему звездному рейтингу

Question

React-Native

import React, { Component } from 'react';
import StarRating from 'react-native-star-rating';
import { StyleSheet, Text, View } from 'react-native';


export default class Rating extends Component {

    constructor(props) {
        super(props);
        this.state = {
            generalStarCount: 5,

        };
    }

    onGeneralStarRatingPress(rating) {
        this.setState({
            generalStarCount: rating,
        });
    }

    render() {
        return (
            <View style={styles.container}>
                <Text style={styles.welcome}> Event 1 </Text>
                <Text style={styles.instructions}>
                    {`${this.state.generalStarCount} out of 5 stars`}
                </Text>
                <StarRating
                    disabled={false}
                    maxStars={5}
                    rating={this.state.generalStarCount}
                    starSize={50}
                    selectedStar={rating => this.onGeneralStarRatingPress(rating)}
                />
                <Text style={styles.welcome}> Event 2 </Text>
                <Text style={styles.instructions}>
                    {`${this.state.generalStarCount} out of 5 stars`}
                </Text>
                <StarRating
                    disabled={false}
                    maxStars={5}
                    rating={this.state.generalStarCount}
                    starSize={50}
                    selectedStar={rating => this.onGeneralStarRatingPress(rating)}
                />
            </View>
        );
    }
}

Этот файл отображает звездный рейтинг нескольких событий.

1. Как сделать так, чтобы каждый звездный рейтинг создавал свой собственный рейтинг каждый раз, когда рейтинг меняет меняет все рейтинги?
2. Как взять сумму из каждого рейтинга, а затем взять ее среднее значение?
3. Затем вывести среднее значение в виде звездочек?