Question

我刚刚开始学习React开发，而我对React很陌生。我已经使用create-react-app工具创建了一个react应用，并为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

崇高的JsFormat-React.js格式

1 个答案: