fix dioxus keying in row component

erichulburd · erichulburd · commit 8074e07f78a6 · 2022-06-30T11:22:33.000-07:00
diff --git a/frameworks/keyed/dioxus/bundled-dist/dioxus_benchmark-DB3CB283-651A-4CAE-80A4-EC37C3BFC210.js b/frameworks/keyed/dioxus/bundled-dist/dioxus_benchmark-DB3CB283-651A-4CAE-80A4-EC37C3BFC210.js
@@ -965,20 +965,20 @@ imports.wbg.__wbg_textContent_8a0eb868b647aa06 = function(arg0, arg1) {
     getInt32Memory0()[arg0 / 4 + 1] = len0;
     getInt32Memory0()[arg0 / 4 + 0] = ptr0;
 };
-imports.wbg.__wbindgen_closure_wrapper562 = function(arg0, arg1, arg2) {
-    const ret = makeMutClosure(arg0, arg1, 26, __wbg_adapter_24);
+imports.wbg.__wbindgen_closure_wrapper561 = function(arg0, arg1, arg2) {
+    const ret = makeMutClosure(arg0, arg1, 25, __wbg_adapter_24);
     return addHeapObject(ret);
 };
-imports.wbg.__wbindgen_closure_wrapper569 = function(arg0, arg1, arg2) {
-    const ret = makeClosure(arg0, arg1, 30, __wbg_adapter_27);
+imports.wbg.__wbindgen_closure_wrapper568 = function(arg0, arg1, arg2) {
+    const ret = makeClosure(arg0, arg1, 29, __wbg_adapter_27);
     return addHeapObject(ret);
 };
-imports.wbg.__wbindgen_closure_wrapper640 = function(arg0, arg1, arg2) {
-    const ret = makeMutClosure(arg0, arg1, 38, __wbg_adapter_30);
+imports.wbg.__wbindgen_closure_wrapper639 = function(arg0, arg1, arg2) {
+    const ret = makeMutClosure(arg0, arg1, 37, __wbg_adapter_30);
     return addHeapObject(ret);
 };
-imports.wbg.__wbindgen_closure_wrapper1579 = function(arg0, arg1, arg2) {
-    const ret = makeMutClosure(arg0, arg1, 63, __wbg_adapter_33);
+imports.wbg.__wbindgen_closure_wrapper1578 = function(arg0, arg1, arg2) {
+    const ret = makeMutClosure(arg0, arg1, 62, __wbg_adapter_33);
     return addHeapObject(ret);
 };
 
diff --git a/frameworks/keyed/dioxus/bundled-dist/dioxus_benchmark-DB3CB283-651A-4CAE-80A4-EC37C3BFC210_bg.wasm b/frameworks/keyed/dioxus/bundled-dist/dioxus_benchmark-DB3CB283-651A-4CAE-80A4-EC37C3BFC210_bg.wasm
diff --git a/frameworks/keyed/dioxus/index.html b/frameworks/keyed/dioxus/index.html
@@ -2,10 +2,10 @@
     <meta charset="UTF-8">
     <title>Dioxus</title>
     <link href="/css/currentStyle.css" rel="stylesheet">
-    <script type="module">import init from '/frameworks/keyed/dioxus/bundled-dist/dioxus_benchmark-2AFAEC62-4CF4-428D-8639-27E5BFDA9008.js';init('/frameworks/keyed/dioxus/bundled-dist/dioxus_benchmark-2AFAEC62-4CF4-428D-8639-27E5BFDA9008_bg.wasm');</script>    
+    <script type="module">import init from '/frameworks/keyed/dioxus/bundled-dist/dioxus_benchmark-DB3CB283-651A-4CAE-80A4-EC37C3BFC210.js';init('/frameworks/keyed/dioxus/bundled-dist/dioxus_benchmark-DB3CB283-651A-4CAE-80A4-EC37C3BFC210_bg.wasm');</script>    
 
-<link rel="preload" href="/frameworks/keyed/dioxus/bundled-dist/dioxus_benchmark-2AFAEC62-4CF4-428D-8639-27E5BFDA9008_bg.wasm" as="fetch" type="application/wasm" crossorigin="">
-<link rel="modulepreload" href="/frameworks/keyed/dioxus/bundled-dist/dioxus_benchmark-2AFAEC62-4CF4-428D-8639-27E5BFDA9008.js"></head>
+<link rel="preload" href="/frameworks/keyed/dioxus/bundled-dist/dioxus_benchmark-DB3CB283-651A-4CAE-80A4-EC37C3BFC210_bg.wasm" as="fetch" type="application/wasm" crossorigin="">
+<link rel="modulepreload" href="/frameworks/keyed/dioxus/bundled-dist/dioxus_benchmark-DB3CB283-651A-4CAE-80A4-EC37C3BFC210.js"></head>
 <body>
 <div id="main"></div>
 
diff --git a/frameworks/keyed/dioxus/src/main.rs b/frameworks/keyed/dioxus/src/main.rs
@@ -109,11 +109,11 @@ fn app(cx: Scope) -> Element {
 
             table { class: "table table-hover table-striped test-data",
                 tbody { id: "tbody",
-                    labels_container.read().labels.iter().enumerate().map(|(idx, _)| rsx! {
+                    labels_container.read().labels.iter().enumerate().map(|(idx, item)| rsx! {
                         Row {
                             labels: labels_container.clone(),
                             selected: selected.clone(),
-                            key: "{idx}",
+                            key: "{item.key}",
                             index: idx
                         }
                     })
@@ -133,17 +133,18 @@ fn Row(
     index: usize,
 ) -> Element {
     let item = &labels.read().labels[*index];
-    let is_in_danger = if **selected == Some(*index) {
+    let key = item.key.clone();
+    let is_in_danger = if **selected == Some(key) {
         "danger"
     } else {
         ""
     };
 
     cx.render(rsx! {
         tr { class: "{is_in_danger}",
-            td { class:"col-md-1", "{index}" }
-            td { class:"col-md-4", onclick: move |_| selected.set(Some(*index)),
-                a { class: "lbl", [item.labels.join(" ").as_str()] }
+            td { class:"col-md-1", "{key}" }
+            td { class:"col-md-4", onclick: move |_| selected.set(Some(key)),
+                a { class: "lbl", [ item.labels.join(" ").as_str() ] }
             }
             td { class: "col-md-1",
                 a { class: "remove", onclick: move |_| { labels.write().remove(*index); },
