Javascript 如何使onClick参数按表行保存?

Javascript 如何使onClick参数按表行保存?,javascript,reactjs,onclick,render,semantic-ui,Javascript,Reactjs,Onclick,Render,Semantic Ui,我的代码使用语义UI表并用ReactJS编写。在我的render函数中,我有一个表,表中有行,每一行我调用一个onClick函数,在这里我传入一个项。但是,传递到onClick的项始终是最后一项,这可能是因为onClick发生在渲染之后。如何使每一行将正确的项传递到onClick函数中 for (var item in props.items) { rows.push( <Table.Row o

我的代码使用语义UI表并用ReactJS编写。在我的render函数中,我有一个表,表中有行,每一行我调用一个onClick函数,在这里我传入一个项。但是,传递到onClick的项始终是最后一项,这可能是因为onClick发生在渲染之后。如何使每一行将正确的项传递到onClick函数中

    for (var item in props.items) {
            rows.push(
                <Table.Row
                onClick={() => {
                    handleClick(item);
                }}>
                    <Table.Cell><text className='tableEntry'>{item}</text></Table.Cell>
for(props.items中的变量项){
推(
{
把手舔(项目);
}}>
{item}

let item
替换
var item
解决了这个问题。如果是范围问题,您可能需要阅读js@ajaiJothi非常感谢!成功了,我会去读更多的,谢谢!