Eslint-plugin-react: Rule for only one jsx react element per line?

[TSMMark]

I would like to disallow multiple elements/components being opened on one line:

<Outer><Inner/></Outer>

and fix to:

<Outer>
  <Inner/>
</Outer>

I searched all over and could not find something like this. Thank you.

[ljharb]

Would this rule also warn on <A /><B /> and fix to:

<A />
<B />

?

[TSMMark]

@ljharb Yes indeed.

However, maybe it could be configurable to conditionally support either of the following variants:

<A>{whatever()}</A>

<A>
  {whatever()}
</A>

[ljharb]

Sounds great; want to make a PR? :-D

[TSMMark]

@ljharb I would be happy to when I get the chance. Never worked in this codebase before, but I assume jsx-max-props-per-line.js is probably a good starting reference point.

[TSMMark]

@ljharb Done in #1497

[TSMMark]

It's merged. Closing