[英]sublime JsFormat - React.js formatting
我刚开始学习 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 文件?
将此添加到 JsFormat 设置修复了问题:
"e4x": true
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.