我需要将字符串转换为某种形式的哈希.这在JavaScript中可行吗?
我没有使用服务器端语言,所以我不能这样做.
这是一个快速的问题:子键必须是唯一的范围是什么?这只是父组件还是整个应用程序?
如果后者为真,那么它是否意味着反应差异算法将在元素移动时保留一个元素?
我已经做了一年多的反应.我主要使用.map,.forEach,.filter或使用Object.keys和Object.values迭代一个数组(如果它是一个对象).
但是为jsx元素添加唯一键的不同方法有哪些.以下是我到目前为止所习惯的
使用数据中的唯一ID作为关键道具的关键:
const data= [{"id": "01", "name": "abc"}, {"id": "02", "name": "xyz"}];
render(){
const items = data.map(item => {
return <span key={item.id}>{item.name}</span>;
}
return(
<div>
{items}
</div>
)
}
Run Code Online (Sandbox Code Playgroud)
使用索引作为关键道具的关键:
const data= [{"id": "01", "name": "abc"}, {"id": "02", "name": "xyz"}];
render(){
const items = data.map((item, i) => {
let keyValue = i+1;
return <span key={keyValue}>{item.name}</span>;
}
return(
<div>
{items}
</div>
)
}
Run Code Online (Sandbox Code Playgroud)
除了我上面提到的以及最有效和推荐的方法之外,还有其他方法可以为jsx元素添加唯一键吗?