Cách lấy Emmet để tạo thuộc tính JSX tùy chỉnh mà không có dấu ngoặc kép

Question

Tôi đang cố xóa dấu ngoặc kép do Emmet tạo ra xung quanh giá trị props.onInitiateBattle cho thuộc tính tùy chỉnh onClick.

đầu vào My (sau đó Ctrl + E để mở rộng, tương tự như tab):
button.btn[type="button"][onClick={props.onInitiateBattle}]

đầu ra của Emmet:
<button className="btn" type="button" onClick="{props.onInitiateBattle}"></button>

Thông báo props.onInitiateBattle VỚI dấu ngoặc kép, đó là không tốt .

Những gì tôi mong đợi (đạo cụ ... KHÔNG dấu ngoặc kép):
<button className="btn" type="button" onClick={props.onInitiateBattle}></button>

Bao bì nó xung quanh dấu ngoặc kép không hoạt động hoặc.

Answer 1

Để có được dấu nháy đơn làm việc với JSX bạn sẽ cần phải cập nhật hoặc tạo syntaxProfiles.json trong ~/Emmet với cấu cú pháp. Tôi tin rằng khóa là phần mở rộng tập tin và giá trị là tên của cấu hình mà phần mở rộng sẽ sử dụng.

/* ~/Emmet/syntaxProfiles.json */

/* sẽ lập bản đồ tập tin với phần mở rộng .js sử dụng hồ sơ cá nhân js */ /* 'jsx' sẽ vạch file với 'js' .jsx mở rộng cũng sử dụng cấu hình js */

{ 
    "js": "js", 
    "jsx": "js" 
} 

/* ~/Emmet/profiles.json */

/* tạo hoặc bổ sung profile 'js' */

{ 
    "html": { 
    "attr_quotes": "double" 
    }, 
    "js": { 
    "attr_quotes": "single", 
    "self_closing_tag": true 
    } 
} 

more information