ice
ice copied to clipboard
多tablist切换 @ice/appear 插件 appear元素失效。
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>
);
}
请提供复现的代码结构
请提供复现的代码结构
done