如何在Yew中发送对子树的引用？

Question

我有一个简单的Yew应用程序，在其中我画了一个二叉树，并渲染它的HTML。我希望将其保存在当前选择App或Node的模型( Leaf类型)中。(然后我会用不同的颜色)

我添加了一个Annot结构，并在Node和Leaf中添加了这个字段。现在，我在SelectTree类型中有一个Msg变体。我想为此添加一个参数，类似于SelectTree(&Tree)，但这给了我一个“预期命名生命周期参数”错误。

我检查了示例，但它们都具有数组/向量中可表示的数据，因此传递索引就足够了，所以我没有从中学到多少东西。我能做些什么来传递消息中的引用？这有可能吗？如果这是不可能的，我可以使用unsafe，以及如何做到这一点？

下面是我现在的代码：

use yew::{html, Component, Context, Html};
use gloo::console::{self};

#[derive(Debug, Clone)]
pub struct Annot {
    is_selected: bool
}

impl Default for Annot {
    fn default() -> Annot { Annot { is_selected: false } }
}

#[derive(Debug, Clone)]
pub enum Tree {
    Leaf { ann: Annot },
    Node { ann: Annot, x: usize, l: Box<Tree>, r: Box<Tree> },
}

impl Tree {
    pub fn new() -> Tree {
        Tree::Leaf { ann: Default::default() } 
    }

    pub fn insert(&mut self, v : usize) -> () {
        match self {
            Tree::Leaf {ann} => {
                *self = Tree::Node { 
                    ann: Default::default(), 
                    x: v,
                    l: Box::new(Tree::Leaf { ann: Default::default() }),
                    r: Box::new(Tree::Leaf { ann: Default::default() })
                };
            }
            Tree::Node {ann, x, l, r} => {
                if v < *x { l.insert(v); } else if *x < v { r.insert(v); }
            }
        }
    }


    pub fn view(&self, ctx: &Context<App>) -> Html {
        match self {
            Tree::Leaf {ann} => {
                let cls = if ann.is_selected { "selected" } else { "" };
                html! { 
                    <li> 
                        <a class={cls} 
                            onclick={ctx.link().callback(|_| Msg::SelectTree)}>
                        </a> 
                    </li> 
                }
            }
            Tree::Node {ann, x, l, r} => {
                let cls = if ann.is_selected { "selected" } else { "" };
                html! {
                    <li>
                        <a class={cls} 
                            onclick={ctx.link().callback(|_| Msg::SelectTree)}>
                            { x }
                        </a>
                        <ul>
                            { l.view(ctx) }
                            { r.view(ctx) }
                        </ul>
                    </li>
                }
            }
        }
    }
}

pub enum Msg {
    SelectTree
}

pub struct App {
    tree: Tree
}

impl Component for App {
    type Message = Msg;
    type Properties = ();

    fn create(ctx: &Context<Self>) -> Self {
        let mut t = Tree::new();
        for i in [5,3,7,4,2,6,8] { t.insert(i); }
        Self { tree: t }
    }

    fn update(&mut self, ctx: &Context<Self>, msg: Self::Message) -> bool {
        match msg {
            Msg::SelectTree => {
                console::info!("Selected!");
                true
            }
        }
    }

    fn view(&self, ctx: &Context<Self>) -> Html {
        html! { 
            <div class="tree"> 
            <ul> { self.tree.view(ctx) } </ul> 
            </div> 
        }
    }
}

fn main() {
    yew::start_app::<App>();
}

PS:我来自JavaScript和背景，相对来说我是Rust的初学者。我已经试着解决这个问题好几天了，所以我想我需要更明确的解释。

Answer 1

在消息中发送Rc<RefCell<ATree>>并在模型中存储相同类型的消息是可行的。唯一的区别是您必须使用callback_once而不是callback，因为callback_once也接受特性FnOnce的回调。