Вопрос такой: есть два компонента в первом компоненте есть состояние которое меняется когда идет скрол страницы оно же передается через props
к в второму компоненту.
Как второму компоненту постоянно получать уже измененное состояние из первого?
Первый компонент:
state = { classelemetn: true, buttonopacty:1, num:0 };
<Skil num = {this.state.num}/>
componentDidMount() {
let d = document.getElementById("go_0skil_bar");
let topPos = d.offsetTop;
let flag2 = false;
window.onscroll = () => {
let scrolled = window.pageYOffset || document.documentElement.scrollTop;
let rez = topPos - scrolled;
if (rez < 700 && flag2 === false) {
this.setState({ num:rez });
flag2 = true;
}
}
}
Второй компонент:
componentDidMount() {
if (this.props.num <= 700 && this.props.num != 0) {
console.log(this.props.num);
}
}