Mirrors/dioxus
2
0
Fork 0
mirror of https://github.com/DioxusLabs/dioxus synced 2024-09-20 14:21:58 +00:00
Code Issues Projects Releases Packages Wiki Activity

update component on submitting

Browse source
This commit is contained in:
Evan Almloff 2022-05-28 12:52:49 -05:00
parent 195dd22206
commit eb270ef062
1 changed files with 5 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
examples/hot_reload.rs
View file

@ -1,23 +1,13 @@
use dioxus::prelude::*;
use std::time::Duration;
fn main() {
dioxus::desktop::launch_with_props(with_hot_reload, app, |b| b);
dioxus::web::launch_with_props(with_hot_reload, app, |c| c);
}
fn app(cx: Scope) -> Element {
let count = use_state(&cx, || 170);
let rsx_code = use_state(&cx, || None);
use_future(&cx, (), move |_| {
let mut count = count.clone();
async move {
loop {
tokio::time::sleep(Duration::from_millis(1000)).await;
count += 1;
}
}
});
let re_render = cx.schedule_update();
cx.render(rsx! {
div {
@ -54,6 +44,7 @@ fn app(cx: Scope) -> Element {
if let Some(code) = rsx_code.get(){
let rsx_text_index: RsxTextIndex = cx.consume_context().unwrap();
rsx_text_index.insert(__line_num.clone(), code.clone());
re_render();
}
},
"submit"
@ -65,7 +56,7 @@ fn app(cx: Scope) -> Element {
}
div {
width: format!("{}px", count),
width: "{count}px",
height: "10px",
background_color: "red",
}
@ -95,7 +86,7 @@ struct CompProps {
fn Comp(cx: Scope<CompProps>) -> Element {
cx.render(rsx! {
h1 {
color: cx.props.color,
color: "{cx.props.color}",
"Hello, from a component!"
}
})