dioxus/packages/web/examples/todomvc/todoitem.rs

30 lines
707 B
Rust
Raw Normal View History

2021-04-01 04:01:42 +00:00
use super::state::TODOS;
use crate::recoil::use_atom_family;
use dioxus_core::prelude::*;
#[derive(PartialEq, Props)]
pub struct TodoEntryProps {
2021-04-02 01:44:18 +00:00
id: uuid::Uuid,
2021-04-01 04:01:42 +00:00
}
pub fn TodoEntry(ctx: Context, props: &TodoEntryProps) -> DomTree {
let (is_editing, set_is_editing) = use_state(&ctx, || false);
let todo = use_atom_family(&ctx, &TODOS, props.id);
ctx.render(rsx! (
li {
"{todo.id}"
input {
class: "toggle"
type: "checkbox"
"{todo.checked}"
}
2021-04-02 01:44:18 +00:00
{is_editing.then(|| rsx!(
input {
2021-04-01 04:01:42 +00:00
value: "{contents}"
2021-04-02 01:44:18 +00:00
}
))}
2021-04-01 04:01:42 +00:00
}
))
}