Javascript Eslint react/jsx每行一个表达式：允许变量和jsx字符串在同一行，但不允许元素

例如，对于本JSX：

<h1>
  Hi {name}
</h1>

或

{`Hi${name}`}

---

我觉得这两个都很难看。我想允许第一个例子。但是，我不想禁用插件，因为我不想在一行中允许多个元素：

<p>hi</p><p>bye</p>

你好，再见

我该怎么做呢？

这个怎么样

const welcomeMessage = `Hi ${name}`;
<h1>
  {welcomeMessage}
</h1>

const welcomeMessage=`Hi${name}`；
{welcomeMessage}

添加此

“react/jsx每行一个表达式”：“off”

到您的eslint配置文件中的规则我不想禁用插件，因为我不想在一条线上允许多个元素将此

“prettier/react”

添加到

扩展的
部分。请看@ceoehis的帮助。谢谢：D
<p>hi</p><p>bye</p>

const welcomeMessage = `Hi ${name}`;
<h1>
  {welcomeMessage}
</h1>