VSCode неправильно форматирует JSX

Если у меня есть:

<Button
  onClick={ this.handleCreateFormOpen }
/>

И я набираю SHIFT + OPTION + F

Затем мой JSX форматируется так:

<Button
  onClick={this.handleCreateFormOpen}
/>

Я хочу это: onClick={ this.handleCreateFormOpen }

Я Android-разработчик, и в Android Studio я могу изменить форматирование по своему выбору, есть ли такая опция в VSCode?

Я хочу иметь возможность набирать SHIFT + OPTION + F, а VSCode форматировать мой код как onClick={ this.handleCreate } вместо onClick={this.handleCreateFormOpen} возможно ли это?


visual-studio-code reactjs jsx code-formatting
person WilliaGuy    schedule 03.01.2020    source источник
comment
onClick={this.handleCreateFormOpen} — стандартный формат реквизита. В зависимости от используемого средства форматирования вы, вероятно, увидите { key: value } с объектными литералами.   -  person Emile Bergeron    schedule 03.01.2020
comment
Как говорит Эмиль, у вас есть правильное форматирование.   -  person JMadelaine    schedule 03.01.2020
comment
Но я не хочу, чтобы это было. Я Android-разработчик, и в Android Studio я могу изменить форматирование по своему выбору, в VSCode нет ничего подобного? Я хочу иметь возможность набирать SHIFT + OPTION + F, а VSCode форматировать мой код как onClick={ this.handleCreate } возможно ли это?   -  person WilliaGuy    schedule 03.01.2020
comment
Это правильный вопрос, пожалуйста, проголосуйте   -  person WilliaGuy    schedule 03.01.2020

Ответы (1)


arrow_upward
1
arrow_downward

Вы должны добавить правило пробелов в скобках в конфигурацию eslint.

"space-in-brackets": ["error", "always"]

space-in-brackets: обеспечить постоянный интервал внутри фигурных скобок литералов объектов и скобок литералов массива.

Пример некорректного кода для этого правила с опцией «всегда»:

<Button
   onClick={this.handleCreateFormOpen}
/>

Пример правильного кода для этого правила с опцией «всегда»:

<Button
  onClick={ this.handleCreateFormOpen }
/>

Дополнительная информация и подробности: https://eslint.org/docs/rules/space-in-brackets

person Ali Torki    schedule 07.01.2020
comment
Потрясающий! Пожалуйста, проголосуйте за мой вопрос. Я очень удивлен, потому что люди не знали, как ответить на мой вопрос, который они проголосовали против. Это очень правильный вопрос. Спасибо еще раз!!! - person WilliaGuy; 08.01.2020