Reactjs 离子离子表扼杀性能

我用Ionic开发了一个非常简单的应用程序，它由4个选项卡组成，其中一个包含

IoniList

元素
我注意到当列表中填充了100多个元素时，我尝试切换标签时，应用程序的响应非常慢，就像点击标签后的1秒，这非常明显

当列表包含的元素很少时，不会发生这种情况

100个元素真的那么重吗？我做错什么了吗？代码如下：

        <IonList>
          {
            articles.map((article: any) => {
              return <FeedCell
                key={article.id}
                article={article}
               />
            })
          }

        </IonList>

        <IonInfiniteScroll threshold="50px"
          style={{}}
          onIonInfinite={fetchPaginatedArticles}>
          // fetchPaginatedArticles fetches new data and adds it to state articles
          <IonInfiniteScrollContent
            loadingSpinner="dots"
          >
          </IonInfiniteScrollContent>
        </IonInfiniteScroll>

{
articles.map（（article:any）=>{
返回
})
}
//fetchPaginatedArticles获取新数据并将其添加到州项目中

然后FeedCell真的很简单

 export class FeedCell extends React.Component<ContainerProps> {
    constructor(props: any) {
        super(props)
    }


    render() {
        return (
            <div style={{ paddingLeft: 10 }}>
                <IonItem
                    class="ion-no-padding"
                    key={this.props.article.Title}
                >
                  <img> ... </img>
                  <div> ... </div>
               </IonItem>
            </div>
         )}

导出类FeedCell.Component{
构造器（道具：任何）{
超级（道具）
}
render（）{
返回(
... 
... 
)}