skrd/musiclist-client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Por fin un paginado que funciona

Browse Source 
Entiedo mucho mejor esto de react que angular~~~

Tengo que usar mas los callbacks cuando haog navegaciones para volver a
leer las props, como cambia la  query string y esta en props~
This commit is contained in:
Daniel Cortes
2020-06-01 23:34:17 -04:00
parent 4a78534870
commit fcd3428a46
3 changed files with 67 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Paginate.jsx
View File

@@ -149,21 +149,21 @@ export class Paginate extends Component {
<ul className="pagination">
{pages.map((page, index) => {
if (page === LEFT_PAGE) return (
<li key={index} className="page-item">
<li key={page} className="page-item">
<a className="page-link" href={this.makePageLink(this.state.currentPage - 1)} onClick={this.handleMoveLeft}>
<span>&laquo;</span>
<span>&laquo; Anterior</span>
</a>
</li>
);
if (page === RIGHT_PAGE) return (
<li key={index} className="page-item">
<li key={page} className="page-item">
<a className="page-link" href={this.makePageLink(this.state.currentPage + 1)} onClick={this.handleMoveRight}>
<span>&raquo;</span>
<span>Siguiente &raquo;</span>
</a>
</li>
);
return (
<li key={index} className={`page-item ${currentPage === page ? 'active' : ''}`}>
<li key={page} className={`page-item ${currentPage === page ? 'active' : ''}`}>
<a className="page-link" href={this.makePageLink(index)}
onClick={this.handleClick(page)}>{page}</a>
</li>