跳至主要内容

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