javascript - 片段应该包含多个子元素——否则根本不需要片段 react/jsx-no-useless-fragment

Question

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

Fragments 应该包含多个 child ——否则，根本不需要 Fragment react/jsx-no-useless-fragment

import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import NavMenu from './components/NavMenu';

export default function App() {
  return (
    <>
      <Router>
        <NavMenu />
      </Router>
    </>
  );
}

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

任何帮助将不胜感激

Answer 1

由于我以下列方式使用三元运算符，所以今天我遇到了同样的错误:

<>
  {isCheck ? (
    <button
     ....
    >
    </button>
  ) : (
    <div className={class}>
     ....
    </div>
  )}
</>

我意识到，如果没有包装元素，它就不会像预期的那样运行。

我的解决方案是将 Fragment 替换为 div。这让 lint 很高兴，红旗消失了。