Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 利用React JS中的key属性_Javascript_Html_Reactjs_Dom_Kaios - Fatal编程技术网

Javascript 利用React JS中的key属性

Javascript 利用React JS中的key属性,javascript,html,reactjs,dom,kaios,Javascript,Html,Reactjs,Dom,Kaios,我有一个来自API的值数组,它包含值列表。我将所有这些值映射到一组卡片中(如下面的代码所述)。我需要提取所选元素的id,它存储在键属性中。是否有方法使用/引用键属性的值 {data.map((项)=>( ))} 我正在开发一个KaiOS应用程序,因此光标交互(onClick或onHover)受到限制。有一个nav focus属性(使用自定义挂钩维护),用于确定是否选择了当前元素,并在此基础上使用CSS高亮显示它(如下图所示)。我不想维护所选元素的状态,因为每次在卡中导航时,它都会更新 我想知道

我有一个来自API的值数组,它包含值列表。我将所有这些值映射到一组卡片中(如下面的代码所述)。我需要提取所选元素的id,它存储在属性中。是否有方法使用/引用键属性的值

{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>

这只是出于好奇。看看是否还有其他可能的方法。维持现状是我最后的选择,只是出于好奇。看看是否还有其他可能的方法。维持现状是我最后的选择。