Propsy w komponencie

0

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;
0

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

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0