मेरी स्क्रीन में घटक से सहारा कैसे प्राप्त करें?

हैलो दोस्तों मैंने एक स्टार रेटिंग घटक बनाया है और अब मैंने इसे अपनी स्क्रीन में जोड़ लिया है। मेरा प्रश्न अब यह है कि सबमिट करने पर सर्वर पर भेजने के लिए मैं अपनी स्क्रीन के अंदर घटक वापसी मूल्य कैसे प्राप्त करूं।

यह मेरा घटक है

export default class StarsRating extends Component {
    constructor(props) {
        super(props)
        this.state = {
            rating: this.props.rating || null,
            temp_rating: null
        }
    }

    rate(rating) {
        this.setState({
            rating: rating,
            temp_rating: rating
        });
    }

    render() {
        // This array will contain our star tags. We will include this
        // array between the view tag.
        let stars = [];
        // Loop 5 times
        for (var i = 1; i <= 5; i++) {
            // Set the icon to filled stars
            let icon = "star-outline";
            // If ratings is lower, set the icon to unfilled stars
            if (this.state.rating >= i && this.state.rating != null) {
                icon = "star";
            }
            // Push the Icon tag in the stars array
            stars.push((
                <TouchableOpacity key={i} onPress={this.rate.bind(this, i)}>
                    <Icon
                        name={icon}
                        size={40}
                        color={colors.yellow}
                    />
                </TouchableOpacity >
            ));
        }

        return (
            <View style={styles.wrapper}>
                {stars}
            </View>
        );
    }
}

और मेरी स्क्रीन में मैं इसे इस तरह एक्सेस करता हूं <StarsRating />