javascript - For Loop 总是返回最后一个索引

Question

我想创建一些分页链接，如果我们单击该链接，它应该使用循环索引中的参数调用该方法。

import {h} from 'preact';

const PageLink = (props) => {
    let totalPages = props.totalPages;
    let page = props.page;
    let link = [];
    let x = (indeks)=>{
        console.log(`yuhuuuuu ${indeks}`);
    }
    for(var i=1; i<=totalPages; i++){
        let pos = <li class="page-item"><a class="page-link" data-pos={i} href="" onClick={(e)=>{e.preventDefault();x(i)}}>{i}</a></li>
        link[i]=pos;
    }

    return (
        <nav aria-label="Page navigation">
            <ul class="pagination justify-content-center">
                {link}
            </ul>
        </nav>
    )
}

export default PageLink

链接显示为我想要的，但问题 x(i) 总是显示最后一个 i，这是什么问题？

标签： javascriptreactjspreact