[2023.09.27]: Yew SSR开发中的服务器端与客户端共同维护同一状态的实践

SSR（Server-Side Rendering）具有许多优势，其中之一就是能够在服务器端生成页面，从而提高整个页面的加载速度。在Yew SSR开发模式中，我们可以使用use_prepared_state宏在服务器端获取数据并生成Html返回到客户端。官方提供了相应的例子供参考。然而，如果在客户端修改并提交了该数据，我们需要如何刷新之前在服务器端生成的数据呢？官方未提供相应例子，经过多次实验后，以下代码可以实现该功能。

#[function_component]
fn Content() -> HtmlResult {
   
    let datas: Vec<Note> =
        use_prepared_state!(async move |_| -> Vec<Note> {
    fetch_notes().await }, ())?
            .unwrap()
            .to_vec();
    let data_state = {
   
        let datas = datas.clone();
        use_state(move || datas)
    };
    let data = (*data_state).clone().into_iter().collect::<Vec<TableRow>>();

    ...
    
    let reload = use_callback(
        move |_, data_state1| {
   
            <