tô sáng cú pháp cho mã phản ứng trong tuyệt vời

Question

Tôi bắt đầu viết một số mã React cơ bản trong văn bản tuyệt vời. Đây là những gì làm nổi bật cú pháp của tôi. Một phần của nó nổi bật. Có bất kỳ plugin tuyệt vời được đề xuất nào tôi có thể sử dụng để xem một cú pháp hoàn chỉnh nổi bật không?

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: [Cố định một số cú pháp không chính xác, gia tăng code text]

Answer 1

Như đã chỉ ra bởi Prakash cài đặt babel sửa chữa vấn đề này.

Cài đặt babel trên sublime3:

1. Nhấn Ctrl + phím Shift + P
2. Sau đó gõ install và chọn tùy chọn đầu tiên Package control: Install Package
3. Sau đó gõ Babel và chọn tùy chọn đầu tiên. Nó sẽ cài đặt babel trong vài phút.
   Chỉnh sửa: Tên gói tùy chọn đầu tiên là 'Babel-Snippets' như được chỉ ra trong các nhận xét bên dưới.
4. Sau đó chọn Cú pháp Babel. View > Syntax > Babel > Javascript

Kiểm tra Tôi đã thử nghiệm nó:

Answer 2

tôi đã cùng một vấn đề trong siêu việt.

Tôi đã cài đặt plugin babel-sublime và nó hoạt động.

Đây là liên kết - https://github.com/babel/babel-sublime

Hy vọng nó cũng giải quyết được vấn đề của bạn.