Ich habe angefangen, einen grundlegenden React-Code in erhabenem Text zu schreiben. So sieht meine Syntaxhervorhebung aus. Es ist teilweise hervorgehoben. Gibt es ein vorgeschlagenes großartiges Plugin, mit dem ich ein vollständiges Syntax-Highlight sehen kann?
import React, { Component } from 'react'
import { connect } from 'react-redux' // <-- is the glue between react and redux
import { bindActionCreators } from 'redux'
import { selectBook } from '../actions/index'
// there is no intrinsic connection between React and Redux
// they are two seperate libraries
// they are connected using a seperate library called ReactRedux
// container? its a React component that hasa direct connection to state managed by Redux
class BookList extends Component {
constructor(props) {
super(props)
//this.props = props;
}
renderList() {
return this.props.books.map((book) => {
return (
<li key={book.title} className="list-group-item">{book.title}</li>
)
})
}
render() {
return (
<ul className="list-group col-sm-4">
{this.renderList()}
</ul>
)
}
}
// function is the glue between react and redux
function mapStateToProps(state) {
// Whatever gets retrieved from here will show up as props inside
// of book-list
return {
books: state.books
}
}
// anything returned from this function will end up as props on the BookList container
function mapDispatchToProps(dispatch) {
return bindActionCreators({selectBook: selectBook}, dispatch)
}
// Promote BookList from a component to a container - it needs to know
// about this new dispatch method, selectBook. Make it available as a prop
export default connect(mapStateToProps, mapDispatchToProps)(BookList);
BEARBEITEN: [Fehlerhafte Syntax behoben, Codetext hinzugefügt]
javascript
reactjs
sublimetext3
syntax-highlighting
Nein, ich bin
quelle
quelle
Antworten:
Durch die Installation von babel wird die Syntaxhervorhebung behoben.
Schritte zum Installieren von babel auf sublime3:
install
und auswählenPackage control: Install Package
Babel
und auswählen'Babel-Snippets'
. Es wird babel in wenigen Augenblicken installieren.View > Syntax > Babel > Javascript
Bei einigen Benutzern
Babel
fehlte in Schritt 4. Sie können zusätzlich installieren,Babel
indem Sie dieselben Schritte ausführen undBabel
diese Zeit anstelle vonBabel-Snippets
Schritt 3 auswählen.Überprüfen Sie, ob ich es getestet habe:
quelle
cmd + shift + p
Babel
Plugin für mich funktioniert. Mit demBabel Snippets
Plugin wurde die Babel-Syntax nicht in der Liste angezeigt. Ich verwende Sublime Text 3 über Windows.Sie müssen das
babel-sublime
Plugin installieren .Sie können es von
package control
sublime installieren .Hier ist der Link - https://github.com/babel/babel-sublime
quelle
Ich konnte dies lösen, indem ich die Syntax auf JSX setzte. Ich musste dieses Plugin nicht installieren.
quelle
<Input onChange={input.onChange} placeholder={'Type here'} />
behandelt das Hervorheben der JSX-Syntax das Ganzeplaceholder={'Input your email'}
wie eine Zeichenfolge, während das Babel-Plugin es korrekt