mirror of
https://github.com/DioxusLabs/dioxus
synced 2024-12-25 12:03:08 +00:00
508c560320
This change switches back to the original `ctx<props>` syntax for commponents. This lets lifetime elision to remove the need to match exactly which lifetime (props or ctx) gets carried to the output. As such, `Props` is currently required to be static. It *is* possible to loosen this restriction, and will be done in the future, though only through adding metadata about the props through the Props derive macro. Implementing the IS_STATIC trait is unsafe, so the derive macro will do it through some heuristics. For now, this unlocks sharing vnodes from parents to children, enabling pass-thru components, fragments, portals, etc.
54 lines
1.3 KiB
Rust
54 lines
1.3 KiB
Rust
use std::{collections::HashMap, rc::Rc};
|
|
|
|
use dioxus_core::prelude::*;
|
|
use recoil::*;
|
|
use uuid::Uuid;
|
|
|
|
const TODOS: AtomHashMap<Uuid, Rc<Todo>> = |map| {};
|
|
|
|
#[derive(PartialEq)]
|
|
struct Todo {
|
|
checked: bool,
|
|
title: String,
|
|
content: String,
|
|
}
|
|
|
|
static App: FC<()> = |ctx| {
|
|
use_init_recoil_root(ctx, move |cfg| {});
|
|
|
|
let todos = use_read_family(ctx, &TODOS);
|
|
|
|
// rsx! { in ctx,
|
|
// div {
|
|
// h1 {"Basic Todolist with AtomFamilies in Recoil.rs"}
|
|
// ul { { todos.keys().map(|id| rsx! { Child { id: *id } }) } }
|
|
// }
|
|
// }
|
|
ctx.render(html! {
|
|
<a href="#" class="">
|
|
<img class="inline-block h-10 w-10 rounded-full object-cover ring-2 ring-white" src="/images/person/4.jpg" alt="Jade"/>
|
|
</a>
|
|
})
|
|
};
|
|
|
|
#[derive(Props, PartialEq)]
|
|
struct ChildProps {
|
|
id: Uuid,
|
|
}
|
|
|
|
static Child: FC<ChildProps> = |ctx| {
|
|
let (todo, set_todo) = use_read_write(ctx, &TODOS.select(&ctx.id));
|
|
|
|
rsx! { in ctx,
|
|
li {
|
|
h1 {"{todo.title}"}
|
|
input { type: "checkbox", name: "scales", checked: "{todo.checked}" }
|
|
label { "{todo.content}", for: "scales" }
|
|
p {"{todo.content}"}
|
|
}
|
|
}
|
|
};
|
|
|
|
fn main() {
|
|
wasm_bindgen_futures::spawn_local(dioxus_web::WebsysRenderer::start(App))
|
|
}
|