Wrap Multiline JSX

Prevent missing parentheses around multiline JSX when they span more than one line. This prevents syntax errors and improves the readability and convenience.

ESLint:react/jsx-wrap-multilines

Examples

⇣ Incorrect code for this rule:

render() {
  return <Snow season="winter">
           <SnowFlakes density={20} />
         </Snow>;
}

⇡ Correct code for this rule:

render() {
  return (
    <Snow season="winter">
      <SnowFlakes density={20} />
    </Snow>
  );
}

Only omit parentheses for single line JSX:

render() {
  const snowFlakes = <SnowFlakes density={20} />;
  return <Snow>{snowFlakes}</Snow>;
}