upgrade to yew 0.22, fix #51

Author: jetli

crates/yew-hooks/src/hooks/use_drop.rs

@@ -61,12 +61,12 @@ pub struct UseDropHandle {
 ///         <div ref={node}>
 ///             <p><b>{ " Files: " }</b></p>
 ///             {if let Some(files) = &*state.files {
-///                 html! {for files.iter().map(|file| {
-///                     html! { <p> { file.name() }</p> }
-///                 })}
+///                 html! {for file in files.iter() {
+///                     <p> { file.name() }</p>
+///                 } }
 ///             } else {
 ///                 html! {}
-///             }}
+///             }} 
 ///             <p><b>{ " Text: " }</b></p>
 ///             {if let Some(text) = &*state.text {
 ///                 html! {<p>{ text }</p>}

crates/yew-hooks/src/hooks/use_infinite_scroll.rs

@@ -30,7 +30,7 @@ use super::{use_debounce, use_event, use_latest};
 ///         <div ref={node}>
 ///             {
 ///                 for state.current().iter().map(|element| {
-///                     html! { <p>{ element }</p> }
+///                     html! { <p>{ *element }</p> }
 ///                 })
 ///             }
 ///         </div>

crates/yew-hooks/src/hooks/use_map.rs

@@ -158,7 +158,7 @@ where
 ///             {
 ///                 for map.current().iter().map(|(k, v)| {
 ///                     html! {
-///                         <p><b>{ k }</b> {": "} { v }</p>
+///                         <p><b>{ *k }</b> {": "} { v }</p>
 ///                     }
 ///                 })
 ///             }

crates/yew-hooks/src/hooks/use_queue.rs

@@ -135,7 +135,7 @@ where
 ///             {
 ///                 for queue.current().iter().map(|v| {
 ///                     html! {
-///                         <p><b>{ v }</b></p>
+///                         <p><b>{ *v }</b></p>
 ///                     }
 ///                 })
 ///             }

crates/yew-hooks/src/hooks/use_set.rs

@@ -154,7 +154,7 @@ where
 ///             {
 ///                 for set.current().iter().map(|v| {
 ///                     html! {
-///                         <p><b>{ v }</b></p>
+///                         <p><b>{ *v }</b></p>
 ///                     }
 ///                 })
 ///             }