当前位置: 首页 > 知识库问答 >
问题:

单击ES6 React时获取键索引

呼延宪
2023-03-14

我有以下组件

const list = (props) => {

  const handler = function(){

  };

  var listItems = props.items.map(function(item, index){
    return (
      <li key={index} onClick={ handler }>
        {item.text}
      </li>
    )
  });

  return (
    <div>
      <ul>
        {listItems}
      </ul>
    </div>
  )
}

在点击时,我想获得点击的li的索引。使用ES6并且没有绑定,我如何做到这一点?

共有1个答案

宰父志新
2023-03-14

使用箭头函数。

onClick={() => handler(index)}
 类似资料:
  • 我在我的代码编辑器中使用中的。我需要在右键单击时显示上下文菜单并根据鼠标指向的文本填充它。就像如果我右键单击函数调用一样,上下文菜单中会有“Go to声明”。为此,我需要获取鼠标指向的字符索引。对于有方法,但在或中没有这样的方法。 保存MouseOverTextEvent中的最后一个索引对我来说不是一个好选项,因为我使用MouseOverTextEvent显示弹出消息,并且此事件有1秒的延迟(使用

  • 我正在使用一个jQuery插件:bootstrap-select.js我的超文本标记语言是选择(多个)- 示例:用户选择项4=控制台。记录项目4。然后,用户还选择项目2=控制台。记录项目2。目前我得到了第4项,第2项。。。它们总是在一个数组中,而不是单个的。 我的最终目标是根据用户选择的内容在页面上显示和隐藏div。将有多个选择选项字段。 HTML代码: JS代码: 当前输出: 插件站点:引导选择

  • 我有一个java程序,当在JPanel中右键单击时打开弹出菜单。当任何弹出菜单项被单击时,我想打印触发终端中弹出菜单的右键单击的位置。我该怎么办?我如何从弹出操作事件中获取右键单击发生的位置? 如果弹出菜单位于JComponent中,代码将如何更改? 这是节目。

  • 我正在尝试点击一个菜单链接,但没有任何运气。它总是显示异常- 线程“main”org.openqa.selenium.WebDriverException中出现异常:未知错误:元素在点(64,64)处不可单击。其他元素将收到单击: 我有以下片段 这是一张快照- 我用下面的代码来完成同样的任务- 我检查了DOM中接受单击的 标记。但我看到了这个 带有一个附加属性,即 驱动程序- 我不知道如何处理这种

  • 这是我的listview点击事件: 这是我的按钮点击事件: 现在,我需要获得单击的listview项的位置。我已经声明了全局位置,但这总是给我位置1。 有人能告诉我怎么得到这个职位吗?

  • 我有一个数组列表作为