visual-studio-code - HTML标签的VS代码格式问题

Question

嗨，我开始学习反应，但是在格式化我的文档时遇到了问题。格式化程序将“<”放在上一行而不是同一行：

编码：

class Square extends React.Component {
    render() {
      return (
       <button className="square">
          {/* TODO */}
        </button>   
      );
    }
  }

格式化后的代码：

class Square extends React.Component {
    render() {
        return ( <
            button className = "square" > {
                /* TODO */ } <
            /button>   
        );
    }
}

我的问题是>移到上面的行导致错误。

我正在使用 Beautify 和我的文件进行格式化index.js