Basic React pagination component.

react-pagination.js

import React, { Component } from 'react'

class Pagination extends Component {
  render () {
    const {totalPages, currentPage, selectFn} = this.props

    if (totalPages <= 1) {return null}

    const pages = Array.from({length: totalPages}, (v, k) => k + 1)

    const PageList = pages.map((page) => {
      const selected = currentPage === page
      const extraClass = selected ? 'selected' : ''
      return (
        <li key={page} value={page} className={extraClass}
            onClick={(e) => {!selected && selectFn(page, e)}}>
          {page}
        </li>
      )
    })

    return (
      <ul className="pagination">
        {PageList}
      </ul>
    )
  }
}

export default Pagination