为什么React组件代码不会自动缩进？

Question

我正在将Visual Studio Code与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中签入