JSFiddle - React, Tailwind, and code Playground

HTML

<script src='https://raw.githubusercontent.com/javve/list.js/v1.1.1/dist/list.min.js'></script>
<script src='https://raw.githubusercontent.com/javve/list.pagination.js/v0.1.1/dist/list.pagination.min.js'></script>
<div id='listId'>
<ul class='list'>
<li class='add_to_email' email='[email protected]'>[email protected]</li>
<li class='add_to_email' email='[email protected]'>[email protected]</li>
<li class='add_to_email' email='[email protected]'>[email protected]</li>
<li class='add_to_email' email='[email protected]'>[email protected]</li>
<li class='add_to_email' email='[email protected]'>[email protected]</li>
</ul>
<ul class='pagination'></ul>
</div>
<input type='text' id='show_what_was_clicked'>

CSS

.pagination li {
	display:inline-block;
	padding-left:5px;
}

JavaScript

$( document ).ready(function() {
    var options = {
	    valueNames: [ 'email' ],
        page: 3,
	    plugins: [
	    	ListPagination({})
	    ]
    };
    var listObj = new List('listId', options);

    $(".add_to_email").click(function(){
    	$("#show_what_was_clicked").val($(this).attr("email"));
    });
});