Function yew::functional::use_effect

pub fn use_effect<Destructor>(callback: impl FnOnce() -> Destructor + 'static) where
    Destructor: FnOnce() + 'static, 

This hook is used for hooking into the component’s lifecycle.

Example

#[function_component(UseEffect)]
fn effect() -> Html {
    let counter = use_state(|| 0);

    let counter_one = counter.clone();
    use_effect(move || {
        // Make a call to DOM API after component is rendered
        gloo_utils::document().set_title(&format!("You clicked {} times", *counter_one));

        // Perform the cleanup
        || gloo_utils::document().set_title(&format!("You clicked 0 times"))
    });

    let onclick = {
        let counter = counter.clone();
        Callback::from(move |_| counter.set(*counter + 1))
    };

    html! {
        <button {onclick}>{ format!("Increment to {}", *counter) }</button>
    }
}