Remaining
const els = items.map(item => (
<div className="whatever">
<span>{children}</span>
</div>
));
Right now turns to
const els = items.map(
item => (
<div className="whatever">
<span>{children}</span>
</div>
)
);
<Something>
{() => (
<SomethingElse>
<span />
</SomethingElse>
)}
</Something>;
<View
style={
[
{
someVeryLongStyle1: "true",
someVeryLongStyle2: "true"
}
]
}
/>;
should be
<View
style={[
{
someVeryLongStyle1: "true",
someVeryLongStyle2: "true"
}
]}
/>;
and
<View
style={
{
someVeryLongStyle1: "true",
someVeryLongStyle2: "true"
}
}
/>;
should be
<View
style={{
someVeryLongStyle1: "true",
someVeryLongStyle2: "true"
}}
/>;
Fixed
const StatelessComponent = ({ children }) => (
<div className="whatever">
<span>{children}</span>
</div>
);
function StatelessComponent({ children }) {
return (
<div className="whatever">
<span>{children}</span>
</div>
);
}
const comp4 = (
<div style={styles} key="something">
Create wrapping parens and indent <strong>all the things</strong>.
</div>
);
<span>
foo <span>bar</span>
</span>
should turn into
const MyComponent = (props) =>
<div>{
some.very.very.very.very.very.very.very.very.very.very.long.props.text
}</div>
should be
const MyComponent = props => (
<div>
{some.very.very.very.very.very.very.very.very.very.very.long.props.text}
</div>
);
(Note: the original issue has been replaced with this list of remaining items, so comments below might not make sense)
Remaining
Right now turns to
{}should be
and
should be
Fixed
should turn into
--single-quote.correctlyshould be
(Note: the original issue has been replaced with this list of remaining items, so comments below might not make sense)