小编ska*_*kas的帖子

我有一个自定义列表框，div其中包含其他div孩子的垂直列表。我想添加一个向上/向下箭头键导航来更改当前选择的子项。

因此，当我单击第一项并按 时down arrow key，它应该允许我选择第二项（下一项）。如果我单击up arrow key，它应该选择回第一项（上一项）。

const renderInboxSummary = targetDetailsData.map((todo, index) => {
  const hasNewMessageInd = todo.hasNewMessageInd;
  return (
   <div onClick={() => this.handleClick(targetDetailsData, todo.aprReference, index)}>
      <div>
        {todo.aprRecordUserName}
      </div>
      <div>
        {todo.aprBranchCode}
      </div>
      <div>
        {todo.aprScreeName}
      </div>
  </div>
  );
});

每个div都有一个 click 事件处理程序this.handleClick(targetDetailsData, todo.aprReference, index)。