Migration to 5.x version
從 v0 到 v4 中,發生了一些變化。
刪除了 TAcroolSlideItemDataList 中的 key, 直接使用 ReactNode, 並且優化了在自動寬度圖片下的滑動選取判斷
AcroolSlideItem
不額外使用 object key is check, 直接使用 react 本身的優化判斷
v4.x
import {AcroolSlideItem} from '@acrool/react-carousel';
const data = infos.map(row => {
return {
key: row.id,
children: <AcroolSlideItem as="card"> {/* or image **/}
{row.name}
</AcroolSlideItem>
}
});
v5.x 改變為
import {AcroolSlideCard, AcroolSlideImage} from '@acrool/react-carousel';
const data = infos.map(row => {
return <AcroolSlideCard key={row.id}> {/* or AcroolSlideImage **/}
{row.name}
</AcroolSlideCard>
});
移除 props isSlideItemMemo
直接使用 react 優化模式,如果需要則自己進行 useMemo