Arrange code
During writing code in React I have
function RegistrationPanel() {
return (
<form action="" className={styles.login}>
<div>
<NameForm/>
<SurnameForm/>
<EmailForm/>
<PasswordForm label='Enter'/>
<PasswordForm label='Confirm'/>
<StreetForm/>
<CodeForm/>
</div>
</form>
)
}
after ctrl+alt+L
function RegistrationPanel() {
return (
<form action="" className={styles.login}>
<div>
<NameForm/> <SurnameForm/> <EmailForm/> <PasswordForm label='Enter'/> <PasswordForm label='Confirm'/>
<StreetForm/> <CodeForm/>
</div>
</form>
)
}
How I can turn off this change of code?
Please sign in to leave a comment.
JSX tags are considered 'inline' when formatting. I can only suggest adding line breaks manually, having the Keep line breaks in text enabled to preserve them on re-formatting. Related youtrack ticket: https://youtrack.jetbrains.com/issue/WEB-37966
Working :) Thank you Elena :)