1
0
Эх сурвалжийг харах

fix and improve signal dependencies example

Evan Almloff 1 жил өмнө
parent
commit
81182f99ff

+ 19 - 7
packages/signals/examples/dependancies.rs

@@ -14,16 +14,28 @@ fn app() -> Element {
         }
     });
 
-    let mut local_state = use_signal(|| 0);
+    rsx! {
+        "Parent count: {signal}"
+        Child {
+            non_reactive_prop: signal()
+        }
+    }
+}
 
-    let computed = use_memo_with_dependencies((&local_state(),), move |(local_state,)| {
-        local_state * 2 + signal.cloned()
-    });
+#[component]
+fn Child(non_reactive_prop: i32) -> Element {
+    let mut signal = use_signal(|| 0);
 
-    println!("Running app");
+    // You can manually specify the dependencies with `use_dependencies` for values that are not reactive like props
+    let computed =
+        use_memo(move || non_reactive_prop + signal()).use_dependencies((&non_reactive_prop,));
 
     rsx! {
-        button { onclick: move |_| local_state.set(local_state() + 1), "Add one" }
-        div { "{computed}" }
+        button {
+            onclick: move |_| signal += 1,
+            "Child count: {signal}"
+        }
+
+        "Sum: {computed}"
     }
 }