Javascript 利用React JS中的key属性
我有一个来自API的值数组,它包含值列表。我将所有这些值映射到一组卡片中(如下面的代码所述)。我需要提取所选元素的id,它存储在键属性中。是否有方法使用/引用键属性的值Javascript 利用React JS中的key属性,javascript,html,reactjs,dom,kaios,Javascript,Html,Reactjs,Dom,Kaios,我有一个来自API的值数组,它包含值列表。我将所有这些值映射到一组卡片中(如下面的代码所述)。我需要提取所选元素的id,它存储在键属性中。是否有方法使用/引用键属性的值 {data.map((项)=>( ))} 我正在开发一个KaiOS应用程序,因此光标交互(onClick或onHover)受到限制。有一个nav focus属性(使用自定义挂钩维护),用于确定是否选择了当前元素,并在此基础上使用CSS高亮显示它(如下图所示)。我不想维护所选元素的状态,因为每次在卡中导航时,它都会更新 我想知道
{data.map((项)=>(
))}
我正在开发一个KaiOS应用程序,因此光标交互(onClick或onHover)受到限制。有一个nav focus属性(使用自定义挂钩维护),用于确定是否选择了当前元素,并在此基础上使用CSS高亮显示它(如下图所示)。我不想维护所选元素的状态,因为每次在卡中导航时,它都会更新
我想知道是否有办法使用所选项目的键属性
我不想维护所选元素的状态,因为每次在卡中导航时,它都会更新
状态是正确的方式,为什么不想使用状态
键应该用于唯一地标识呈现为列表的项目,例如使用map()
,而不应该像其他道具那样使用
我不想维护所选元素的状态,因为每次在卡中导航时,它都会更新
状态是正确的方式,为什么不想使用状态
键应该用于唯一地标识呈现为列表的项目,例如使用
map()
,而不应该像其他道具那样真正使用。在html中使用键。它会解决你提出的问题。它将通过getAttribute属性获取所选项目作为属性
<div>
<select onChange = {this.onSelect}>
<option key="1" language="english">English</option>
<option key="2" language="espanol">Espanol</option>
</select>
</div>
在html中使用一个键。它会解决你提出的问题。它将通过getAttribute属性获取所选项目作为属性
<div>
<select onChange = {this.onSelect}>
<option key="1" language="english">English</option>
<option key="2" language="espanol">Espanol</option>
</select>
</div>
这只是出于好奇。看看是否还有其他可能的方法。维持现状是我最后的选择,只是出于好奇。看看是否还有其他可能的方法。维持现状是我最后的选择。