Describe the bug
多tablist,tabA有三个元素,tabB有10个元素。
tabA切换至tabB,只会触发后7个元素的appear事件,tabB切换至tabA,则不处罚appear事件。
如果list 上的key用index 就会导致相关onapper失效 这个需要保证key一致 。
之前rax-view 是不需要这个key做特殊值处理的 直接 key={index} 相互切换也可触发的
Expected behavior
key={index} 相互切换也可触发的
Actual behavior
No response
Version of ice.js
3.1.6
Content of build.json or ice.config.mts
No response
Additional context
import { useState } from 'react'
import VisibilityChange from '@ice/appear';
export default function Test() {
const [fruitArr,setFruitArr] = useState( [{name:'banana'}]);
return (
<div>
<h4>fruit of color</h4>
<div className="box">
<button onClick={()=>setFruitArr([{name:'banana'}])}>yellow</button>
<button onClick={()=>setFruitArr([{name:'apple'}])}>red</button>
</div>
{fruitArr.map((item)=>(
<VisibilityChange onAppear={()=>console.log('select--',item.name)}>
<div>{item.name}</div>
</VisibilityChange>
))}
</div>
);
}
2条答案
按热度按时间vq8itlhq1#
请提供复现的代码结构
nvbavucw2#
请提供复现的代码结构
done