Реагировать на собственное состояние Pass компонента, не отображаемого дочерним компонентом.

Question

Есть ли способ настроить компоненты, чтобы сделать состояние родительского компонента доступным для дочернего элемента, который не был частью того же рендера.

Parent

export class ScreenScroll extends React.Component {
    constructor(props) {
        super(props);
        this.state= {
           scrollY: 100
        };
    }
    render() {
        return (
            <ScrollView
                {this.props.children}
            </ScrollView>
        )
    }
}

Child

export class ChildHeader extends React.Component {
        constructor(props) {
            super(props);

            // Something like this

            this.scrollY = this.parent.state.scrollY

        }
        render() {
            return (
                <View
                    <Text>Something..</Text>
                </View>
            )
        }
    }

Так что они оба могут быть использованы в контексте, подобном этому

<ScreenScroll>
    <ChildHeader></ChildHeader>
</ScreenScroll>