Open 1aerostorm opened 2 years ago
I am trying to wrap each pager item into <Link> (from next/link or react-router-dom).
<Link
next/link
react-router-dom
My code is something like following:
<Pagination defaultPageSize={perPage} itemRender={(current, type, element) => { return <Link href={'/base_href/' + current}>{element}</Link> }} current={page} total={total} style={{ float: 'right', margin: 0 }} />
Expected result:
Actual result:
So, it renders as:
<li> <Link> <a></a> </Link> </li>
but, in order to meet expectations, it should render as:
<Link> <li> <a></a> </li> </Link>
Or, at least, it should forward <li> click event to <a> element (which will fix No. 3, but not No. 2)
<li>
<a>
I am trying to wrap each pager item into
<Link
> (fromnext/link
orreact-router-dom
).My code is something like following:
Expected result:
Actual result:
So, it renders as:
but, in order to meet expectations, it should render as:
Or, at least, it should forward
<li>
click event to<a>
element (which will fix No. 3, but not No. 2)