我完全赞成从我的代码库中go 掉无用的react 片段<><Element /></>,而ESLint规则react/jsx-no-useless-fragment非常适合于捕捉这一点.

然而,在重复的情况下,片段并不是毫无用处的,特别是对于return <>{children}</>个,在我的代码库中,这个场景在一些情况下是我想要的输出.

有没有办法将react/jsx-no-useless-fragment规则配置为继续正常工作,并且在情况为<>{children}</>的情况下不发出警告?

注意:我不希望在每种情况下都呼叫// eslint-disable-next-line react/jsx-no-useless-fragment(这已经是我目前的变通办法).

推荐答案

您可以使用allowExpressions选项,该选项允许在片段中包含表达式

// Good
<>{children}</>

Reactjs相关问答推荐

当我在React中使用类方法更新模型的状态时,它在严格模式下触发两次

react-hook-form问题:为什么getValues不返回大多数当前值?

可选链和useState挂钩

使用Reaction钩子窗体验证可选字段

UseEffect和useSelector的奇怪问题导致无限循环

为什么登录错误和密码在创建Reaction-Hook-Form后立即被删除?

基本react 应用程序正在触发两次Use Effect

如何在MUI x图表条形图上放置圆角?

为什么react日历时间轴项Renderprops 不能与useState挂钩一起使用?

在任何渲染之前在ReactJs中获取数据

ReactJS 共享上下文

useRef.current.value 为空值

CORS策略:对预检请求的响应未通过访问控制判断:没有Access-Control-Allow-Origin

在 Nextjs13 应用程序目录中呈现从 supabase 获取的数据

React + i18next + Trans + Prettier:Prettier 最终会在重新格式化 JSX 时 destruct 翻译

用 scss 覆盖 MUI

将 dict 值转换并插入到react 钩子的列表中

在 React 中使用使用状态挂钩合并两个数组

无法有条件地更新useEffect中的setState

如何在 React x 中返回组件?