Merge pull request #173 from aspeddro/feat-jsx4-spread-props

support spread props

Author: nkrkv

grammar.js

@@ -996,7 +996,7 @@ module.exports = grammar({
     jsx_opening_element: $ => prec.dynamic(-1, seq(
       '<',
       field('name', $._jsx_element_name),
-      repeat(field('attribute', $.jsx_attribute)),
+      repeat(field('attribute', $._jsx_attribute)),
       '>'
     )),
 
@@ -1026,13 +1026,15 @@ module.exports = grammar({
     jsx_self_closing_element: $ => seq(
       '<',
       field('name', $._jsx_element_name),
-      repeat(field('attribute', $.jsx_attribute)),
+      repeat(field('attribute', $._jsx_attribute)),
       '/',
       '>'
     ),
 
     _jsx_attribute_name: $ => alias($.value_identifier, $.property_identifier),
 
+    _jsx_attribute: $ => choice($.jsx_attribute, $.jsx_expression),
+
     jsx_attribute: $ => seq(
       optional('?'),
       $._jsx_attribute_name,

test/corpus/jsx.txt

@@ -218,3 +218,24 @@ Attribute Block
         (jsx_identifier))
       (jsx_closing_element
         (jsx_identifier)))))
+
+===================================================
+Spread props
+===================================================
+
+<div {...a}/>
+<Comp {...a}></Comp>
+
+---
+
+(source_file
+  (expression_statement
+    (jsx_self_closing_element
+      (jsx_identifier)
+      (jsx_expression
+        (spread_element (value_identifier)))))
+  (expression_statement
+    (jsx_element
+      (jsx_opening_element (jsx_identifier)
+        (jsx_expression (spread_element (value_identifier))))
+      (jsx_closing_element (jsx_identifier)))))