Stephen Scott
757037948a
* Arrow Function Expressions returning JSX will now add parens when the JSX breaks * Conditional expressions within (or containing) JSX are formatted in a more natural way (for JSX), especiall when chained * JSX in logical expressions (|| or &&) is always wrapped in parens Fixes #2208
54 lines
749 B
JavaScript
54 lines
749 B
JavaScript
const NonBreakingArrowExpression = () => <div />;
|
|
|
|
const BreakingArrowExpression = () => <div>
|
|
<div>
|
|
bla bla bla
|
|
</div>
|
|
</div>;
|
|
|
|
const NonBreakingArrowExpressionWBody = () => {
|
|
return (
|
|
<div />
|
|
);
|
|
};
|
|
|
|
const BreakingArrowExpressionWBody = () => {
|
|
return <div>
|
|
<div>
|
|
bla bla bla
|
|
</div>
|
|
</div>
|
|
};
|
|
|
|
const NonBreakingFunction = function() {
|
|
return (
|
|
<div />
|
|
);
|
|
};
|
|
|
|
const BreakingFunction = function() {
|
|
return <div>
|
|
<div>
|
|
bla bla bla
|
|
</div>
|
|
</div>
|
|
};
|
|
|
|
class NonBreakingClass extends React.component {
|
|
render() {
|
|
return (
|
|
<div />
|
|
);
|
|
}
|
|
}
|
|
|
|
class BreakingClass extends React.component {
|
|
render() {
|
|
return <div>
|
|
<div>
|
|
bla bla bla
|
|
</div>
|
|
</div>;
|
|
}
|
|
}
|