溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
了解react中fragment指的是什么？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！
fragment是react中的一個組件，作用是代替div作為外層，可做不可見的包裹元素。定義組件的時，return返回需要唯一根元素，所以經常會寫一個div來包裹，但如果不想渲染這個div，減少dom渲染，就可以引用Fragment組件。
fragment是react中的一個組件，作用是代替div作為外層，可做不可見的包裹元素。
React中一個組件往往要返回多個元素，同時，React又要求這些元素必須被包裹在一個元素下，最普遍的做法是用<div>包裹。這樣做的問題是增加了許多不必要的嵌套，無形中增加了瀏覽器的渲染壓力。
從react 16開始， render支持返回數組：
import React from 'react';
export default function () {
return [
<div>一步 01</div>,
<div>一步 02</div>,
<div>一步 03</div>,
<div>一步 04</div>
];
}同時，也提供了另一種方法，那就是Fragments。
在我們定義組件的時候，return返回需要唯一根元素，所以我們經常會寫一個div來包裹，，如果我們不想渲染這個div，減少dom渲染，就可以引用Fragment組件。
import React from 'react';
export default function () {
return (
<Fragment>
<div>一步 01</div>
<div>一步 02</div>
<div>一步 03</div>
<div>一步 04</div>
</Fragment>
);
}感謝各位的閱讀！看完上述內容，你們對react中fragment指的是什么大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
