chipmunkmc/gamja-old
1
0
Fork 0
mirror of https://git.sr.ht/~emersion/gamja synced 2024-11-14 11:15:13 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

components/scroll-manager: use getSnapshotBeforeUpdate

Browse source 
componentWillReceiveProps is deprecated.
This commit is contained in:
Simon Ser 2024-07-02 08:59:43 +02:00
parent 6c324d44a1
commit 331a2f0c4e
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
components/scroll-manager.js
View file

@ -14,7 +14,7 @@ export default class ScrollManager extends Component {
return target.scrollTop >= target.scrollHeight - target.offsetHeight;
}
saveScrollPosition() {
saveScrollPosition(scrollKey) {
let target = this.props.target.current;
let sticky = target.querySelectorAll(this.props.stickTo);
@ -29,7 +29,7 @@ export default class ScrollManager extends Component {
}
}
store.set(this.props.scrollKey, stickToKey);
store.set(scrollKey, stickToKey);
}
restoreScrollPosition() {
@ -64,9 +64,9 @@ export default class ScrollManager extends Component {
this.props.target.current.addEventListener("scroll", this.handleScroll);
}
componentWillReceiveProps(nextProps) {
if (this.props.scrollKey !== nextProps.scrollKey || this.props.children !== nextProps.children) {
this.saveScrollPosition();
getSnapshotBeforeUpdate(prevProps) {
if (this.props.scrollKey !== prevProps.scrollKey || this.props.children !== prevProps.children) {
this.saveScrollPosition(prevProps.scrollKey);
}
}
@ -79,7 +79,7 @@ export default class ScrollManager extends Component {
componentWillUnmount() {
this.props.target.current.removeEventListener("scroll", this.handleScroll);
this.saveScrollPosition();
this.saveScrollPosition(this.props.scrollKey);
}
render() {