Make sure list has mounted before using ref
This commit is contained in:
parent
4482dd33ce
commit
38ed5a367b
File diff suppressed because one or more lines are too long
@ -6,14 +6,16 @@ import UserListItem from './UserListItem';
|
|||||||
|
|
||||||
export default class UserList extends PureComponent {
|
export default class UserList extends PureComponent {
|
||||||
getSnapshotBeforeUpdate(prevProps) {
|
getSnapshotBeforeUpdate(prevProps) {
|
||||||
const { users } = this.props;
|
if (this.list.current) {
|
||||||
|
const { users } = this.props;
|
||||||
|
|
||||||
if (prevProps.users.length !== users.length) {
|
if (prevProps.users.length !== users.length) {
|
||||||
this.list.current.resetAfterIndex(
|
this.list.current.resetAfterIndex(
|
||||||
Math.min(prevProps.users.length, users.length) + 1
|
Math.min(prevProps.users.length, users.length) + 1
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
this.list.current.forceUpdate();
|
this.list.current.forceUpdate();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return null;
|
return null;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user