react/jsx-no-useless-fragment 吹毛求疵

此規則的作用

禁止不必要的片段。

為什麼這不好？

當您需要在不向 DOM 樹添加節點的情況下對多個子節點進行分組時，片段是一個有用的工具。但是，有時您可能會得到一個只有單個子節點的片段。當這個子節點是一個元素、字符串或表達式時，沒有必要使用片段。

範例

此規則的不正確程式碼範例

<>foo</>
<div><>foo</></div>

此規則的正確程式碼範例

<>foo <div></div></>
<div>foo</div>

參考

• 規則來源