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?

 

2 comments
Comment actions Permalink

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

0
Comment actions Permalink

Working :) Thank you Elena :) 

0

Please sign in to leave a comment.