我有一个自定义列表框,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)
。