Javascript 单击列表项时作出反应

我有一个列表，我想设置“onClick”功能，点击每个项目，然后显示项目的详细信息。 但是我的函数返回了未定义的对象 我使用了react钩子和功能组件

这是我的密码

 var listItem = data.map((i, index) => (<Item key={index}
    isRead={i['isRead']}
    image={i['image']}
    content={i['content']}
    time={i['time']}
    onClick={(i) => console.log('Click to',i.content)}
></Item>));
return (
    <div className="Conversation">
        <div className="ScrollDiv">
            {listItem}
        </div>

    </div>
);

var listItem=data.map（（i，index）=>（console.log（'Click to'，i.content）}
>));
返回(
{listItem}
);

---

回调函数中的

i

参数表示传递给回调的事件，通过命名该变量

i

可以防止回调从外部范围使用

i

您需要删除回调函数的

i

参数：

onClick={（）=>console.log（'Click to'，i.content）}

或者将其重命名为其他名称：

onClick={（事件）=>console.log（'Click to'，i.content）}

回调函数中的

i

参数表示传递给回调的事件，通过命名该变量

i

可以防止回调从外部范围使用

i

您需要删除回调函数的

i

参数：

onClick={（）=>console.log（'Click to'，i.content）}

或者将其重命名为其他名称：

onClick={（事件）=>console.log（'Click to'，i.content）}