片段应该包含多个子片段 - 否则，根本不需要片段 React/jsx-no-useless-fragment

Question

我在 React 项目的 app.js 文件中收到此错误：-

\n

片段应该包含多个子片段 - 否则，\xe2\x80\x98s 根本不需要片段 React/jsx-no-useless-fragment

\n

import React from 'react';\nimport { BrowserRouter as Router, Routes, Route } from 'react-router-dom';\nimport NavMenu from './components/NavMenu';\n\nexport default function App() {\n  return (\n    <>\n      <Router>\n        <NavMenu />\n      </Router>\n    </>\n  );\n}\n

\n

我一直在尝试寻找解决方案，但找不到解决方案，所以有人可以告诉我如何解决这个问题

\n

任何帮助，将不胜感激

\n

Answer 1

React 不应该返回相邻元素，因此如果您只返回一个组件或元素，则无需使用<></>or <React.Fragment></React.Fragment>（它们是等效的）。

您可能会遇到需要div依次返回 2 个元素（如兄弟元素）的情况。在这种情况下<></>就会派上用场。