All tags of the tabs component of antd-mobile are loaded at the same time?

tabs Code:

             <Tabs tabs={tabs}
                  initialPage={0}
                  onChange={(tab, index) => this.onChangeTab(tab, index)}
                  onTabClick={(tab, index) => this.onClickTab(tab, index)}
            >
                <div style={{ height: "560px", backgroundColor: "-sharpfff" }}>
                    <Unaudited />
                </div>
                <div style={{ height: "560px", backgroundColor: "-sharpfff" }}>
                    <Through />
                </div>
                <div style={{ height: "560px", backgroundColor: "-sharpfff" }}>
                    <NotThrough />
                </div>
            </Tabs>
            
            

each tag content is imported with a component. When entering the tab page, only the content of the first two tags is requested, and the third tag is not loaded. What is the problem?
there is another question: when you switch tags, can the components corresponding to the tags be re-rendered every time?

Ladies and gentlemen, please take a look at ~


I encountered this problem a few days ago. It has a property prerenderingSiblingsNumber the default value of the number of Tab on both sides of the preload is 1

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-7ad878-1e15f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-7ad878-1e15f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?