react-yajra-datatable/src/components/Footer/PageItem.js

React component without dependencies to use with yajra laravel-datatables

import React from 'react';

const PageItem = ({ active, number, setPage }) => {
    const getClasses = () => ([
        'page',
        (active) ? 'active' : ''
    ].join(' '));

    const handleClick = () => setPage(number - 1);
    return (
        <div className={getClasses()} onClick={handleClick}>
            {number}
        </div>
    );
};

export default PageItem;