coloration syntaxique pour le code de réaction en sublime

Question

Je commence à écrire du code React de base en texte sublime. Voici à quoi ressemble ma coloration syntaxique. C'est en partie surligné. Y at-il un plugin sublime suggéré que je peux utiliser pour voir une coloration syntaxique complète?

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); 

EDIT: [Correction de quelques syntaxe incorrecte, texte Ajout de code]

Answer 1

Comme indiqué par Prakash installation babel résout le problème.

babel Installation sur sublime3:

1. Appuyez sur Ctrl + Maj + P
2. Ensuite, tapez install et sélectionnez première option Package control: Install Package
3. Ensuite, tapez Babel et sélectionnez la première option. Il va installer babel dans quelques instants.
   Éditer: Le nom du premier paquet d'option est 'Babel-Snippets' comme indiqué dans les commentaires ci-dessous.
4. Sélectionnez ensuite Syntaxe Babel. View > Syntax > Babel > Javascript

Vérifiez je l'ai testé:

Answer 2

J'ai eu le même problème dans sublime. J'ai installé le plugin babel-sublime et cela a fonctionné.

Voici le lien - https://github.com/babel/babel-sublime

espère qu'il résoudre aussi votre problème.