reactjs - Atom Editor JSX 格式看起来很糟糕，如何修复？

Question

我有一个简单的 .js，其中包含一些嵌入式 jsx，保存时其格式如下:

class Layout extends React.Component {
    render() {
      return ( < h1 > It Works! < /h1>);
      }
    }

显然这不太好，我希望它看起来像这样:

class Layout extends React.Component {
    render() {
      return ( 
              <h1>It Works!</h1>
             );
             }
}

Question: So how do I get it to format like this?

Answer 1

您可以通过安装扩展来实现此目的。

转到文件 -> 设置 -> 安装 并搜索 jsx。找到您最喜欢的一个并安装它。 我正在使用以下一个:https://atom.io/packages/language-javascript-jsx