Infer key from attributes["key"]

Author: Archmonger

src/reactpy/transforms.py

@@ -98,12 +98,18 @@ def input_element_value_prop_to_defaultValue(vdom: VdomDict) -> None:
     def infer_key_from_attributes(vdom: VdomDict) -> None:
         """Infer the ReactJS `key` by looking at any attributes that should be unique."""
         attributes = vdom.get("attributes", {})
+        if not attributes:
+            return
+
+        # Infer 'key' from 'attributes.key'
+        key = attributes.pop("key", None)
 
-        # Infer 'key' from 'id'
+        # Infer 'key' from 'attributes.id'
+        if key is None:
         key = attributes.get("id")
 
-        # Fallback: Infer 'key' from 'name'
-        if not key and vdom["tagName"] in {"input", "select", "textarea"}:
+        # Infer 'key' from 'attributes.name'
+        if key is None and vdom["tagName"] in {"input", "select", "textarea"}:
             key = attributes.get("name")
 
         if key:

tests/test_utils.py

@@ -185,6 +185,11 @@ def test_html_to_vdom(case):
                 "attributes": {"type": "text", "name": "my-input"},
             },
         },
+        # 8: Infer ReactJS `key` from the `key` attribute
+        {
+            "source": '<div key="my-key"></div>',
+            "model": {"tagName": "div", "key": "my-key"},
+        },
     ],
 )
 def test_html_to_vdom_default_transforms(case):