IntelliJ как отключить автоматический {} при написании JSX
Я работаю с React в IntelliJ, и у меня есть неприятная проблема. При написании JSX (например, в Render) IntelliJ автоматически вставляет два {}, когда я нажимаю ввод / автозаполнение свойства.
Например, при написании следующего JS-кода:
const SomeCompenent = () => {
return (
<div className = "someClassName">
)
};
IntelliJ автоматически записывает className = {}
Предполагается, что я всегда буду использовать реквизиты, требующие синтаксиса {}. Однако это снижает удобочитаемость кода (imo) со всеми ненужными {}.
Я пробовал разные настройки в файле -> настройки -> редактор -> общие -> смарт-ключи, но безрезультатно.
Надеюсь, кто-то сможет помочь.
Спасибо, к сожалению, такой опции в HTML / XML в IntelliJ нет.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
IntelliJ по-прежнему не предоставляет стиль атрибута JSX в пользовательском интерфейсе, но оказывается, что вы можете вручную отредактировать файл конфигурации. Это сработало для меня в IntelliJ Ultimate 2020.3:
- Переключите схему стиля кода на Сохранено в Project.
- Откройте файл конфигурации на
/.idea/codeStyles/FoobarSchemeName.xml. - Добавьте запись
<option name = "JSX_ATTRIBUTE_VALUE" value = "Based on type" />вJSCodeStyleSettingsпо умолчанию для"вместо{для строковых реквизитов илиvalue = "None", чтобы не добавлять ни", ни{. - Перезапустите IntelliJ. Для меня было недостаточно просто открыть проект заново.
Если вам не хватает JSCodeStyleSettings, добавьте его следующим образом:
<component name = "ProjectCodeStyleConfiguration">
<code_scheme name = "Project" version = "173">
<JSCodeStyleSettings version = "0">
<option name = "JSX_ATTRIBUTE_VALUE" value = "Based on type" />
</JSCodeStyleSettings>
</code_scheme>
</component>
Я не уверен насчет IntelliJ, но упомяну, как это происходит в Webstorm, поскольку он может быть таким же. Если вы перейдете в «Настройки» -> «Редактор» -> «Стиль кода» -> «HTML», то внизу будет опция конфигурации с надписью «Добавить для атрибутов JSX». Вы можете установить его в кавычки, фигурные скобки, на основе типа (он будет использовать то, что установлено в PropTypes) или None.