多tablist切换 @ice/appear 插件 appear元素失效。

eoigrqb6  于 4个月前  发布在  其他
关注(0)|答案(2)|浏览(40)

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>
  );
}
vq8itlhq

vq8itlhq1#

请提供复现的代码结构

nvbavucw

nvbavucw2#

请提供复现的代码结构

done

相关问题