Rule proposal: disallow curlies around string literals

[lencioni]

Bad:

function MyComponent() {
  return (
    <div className={'MyComponent'}>
      Hi mom
    </div>
  )
}

Good:

function MyComponent() {
  return (
    <div className='MyComponent'>
      Hi mom
    </div>
  )
}

[yannickcr]

So, the opposite of jsx-no-literals ? If yes we could make a jsx-literals rule with always/never options.

[lencioni]

Yes, I think so. For the never case, there are probably some exceptions when used outside of props (e.g. {' '} is often used).

[ljharb]

I'd think this is jsx-string-literals-in-props or something - I don't think we'd want this rule to legislate text used outside of props.

[lencioni]

Yeah, that's fair. I could see folks wanting different things in props vs outside props, so having separate rules seems like a decent way to achieve that.

[yannickcr]

Mmm, apparently the current jsx-no-literals rule only apply outside props.

[ljharb]

Seems closed by #1349.