Propsy w komponencie

Cześć. Wyjaśni ktoś dlaczego w funkcji liRender() mam dostęp do propsów, a w funkcji changePage() mam error Cannot read property 'props' of undefined ?
Kod :

import React from 'react';
class Pagination extends React.Component {
	state = {
		activePage: 1
	}
	changePage(){
		console.log(this.props)
	}
	liRender() {
		let liList = [];
		let pagesAmount = Math.ceil(this.props.data.products.length / this.props.data.productsToRenderTo);
		for (var i = 0; i < pagesAmount; i++) {
			liList.push(<li onClick={this.changePage} key={i}>{i+1}</li>);
		}
		return liList;
	}
	render(){
		let pagination = this.liRender();
		return (
			<ul className="pagination">
				<li>{'<'}</li>
					{pagination}
				<li>{'>'}</li>
			</ul>
		)
	}
}

export default Pagination;

A czytałeś to? https://www.freecodecamp.org/news/this-is-why-we-need-to-bind-event-handlers-in-class-components-in-react-f7ea1a6f93eb/

W sumie jakbym czytał to bym wiedział :) Teraz już wiem. Dzięki problem rozwiązany