sublime JsFormat - React.js 格式

Question

我剛開始學習 React 開發，我對 React 還很陌生。 我已經使用create-react-app工具創建了一個反應應用程序，並為 sublime text 3 安裝了 jsFormat 插件，但它錯誤地格式化了 jsx 文件：

格式化前：

App.js 文件：

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className='App'>
        <header className='App-header'>
          <img src={logo} className='App-logo' alt='logo' />
          <h1 className='App-title'>Welcome to React</h1>
        </header>
        <p className='App-intro'>
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
      </div>
    );
  }
}

export default App;

在 jsFormat 格式化 App.js 文件后：

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return ( <
      div className = 'App' >
      <
      header className = 'App-header' >
      <
      img src = { logo } className = 'App-logo'
      alt = 'logo' / >
      <
      h1 className = 'App-title' > Welcome to React < /h1> <
      /header> <
      p className = 'App-intro' >
      To get started, edit < code > src / App.js < /code> and save to reload. <
      /p> <
      /div>
    );
  }
}

export default App;

我應該在 JsFormat 設置中添加/更改哪些設置以使其正確格式化 jsx 文件？

Answer 1

將此添加到 JsFormat 設置修復了問題：

"e4x": true