如何使用React.Fragment創建不可見的HTML標簽
在研究Ant Design Pro項目中,在登錄模塊中,有React.Fragment的實際應用

接下來先看一個小demo,將返回值包裝在中div。這是因為組件只能返回一個元素,如果要多個,則需要用另一個容器標簽包裝它。
但是,這會導致不必要div的輸出。您可以使用React.Fragment以下方法避免這種情況:

它也具有非常好的速記語法<></>,僅在最新版本(和Babel 7+)中受支持:

在研究Ant Design Pro項目中,在登錄模塊中,有React.Fragment的實際應用

接下來先看一個小demo,將返回值包裝在中div。這是因為組件只能返回一個元素,如果要多個,則需要用另一個容器標簽包裝它。
但是,這會導致不必要div的輸出。您可以使用React.Fragment以下方法避免這種情況:

它也具有非常好的速記語法<></>,僅在最新版本(和Babel 7+)中受支持:

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。