Почему код компонентов React не имеет автоматического отступа?

Question

Я использую код Visual Studio с React. Но отступ кода не применяется автоматически - я должен сделать это вручную. Похоже на работу с текстовым редактором.

Пример кода:

<Toolbar tabbar bottom slot="fixed">
        <Link bgColor="primary" textColor="white" onClick={() => AcceptOrder(self, order)}>
          <strong>
            {RootScope.t['Accept order']}
          </strong>
        </Link>
      </Toolbar>

Я использую расширение ES7 React / Redux / GrapQL.

Answer 1

Используете ли вы какие-либо Prettier правила?

Кроме того, ярлык по умолчанию для форматирования кода в vscode Shift+Alt+F, как вы можете проверить https://code.visualstudio.com/docs/getstarted/keybindings