bugfix> javascript > 投稿

スクロール後、私のデータは常に次のようにレンダリングされますページ2そしてページ1なくなって items.concat 動かない

データコードを取得します。

const FetchUrl = async (p) =>{
    const Url = await fetch(`https://softkomik.site/api/komik-list?page=${p}`);
    const data = await Url.json();
    setItem(data.DataNonProject.data)
}

より多くのデータをフェッチするコード:

const fetchMoreData = () => {
    setTimeout(() => {
        setPage(page + 1);
        console.log(page);
        FetchUrl(page);
        setItem(items.concat(Array.from(items)));
    }, 100);
    // FetchUrl(page);
 }

戻りデータ:

{items ? 
    <InfiniteScroll
      dataLength={items.length}
      next={fetchMoreData}
      hasMore={true}
      loader={<h4>Loading...</h4>}
    >
     {console.log(items)}   
        { items.map((item, index) => (
            <div key={index}>
                div {index} - # {item.title}
                <br/><br/><br/>
            </div>
        ))}
    </InfiniteScroll>
    : '' }

使っています react-infinite-scroll-component