Zenn
Open5

yewで色々実装してみる

Rust
Yew
SoheySohey

Reactでいう、setIntervalを使いたい

SoheySohey

yew-hooksというcrateのuse_intervalでいけた
use_intervalの第2引数でmillisecondsを指定できるらしい。

    let state = use_state(|| 0);

    {
        let state = state.clone();
        use_interval(move || {
            state.set(*state + 1);
        }, 2000);
    }
     
    html! {
        <>
            { *state }
        </>
    }
SoheySohey

現状のdependenciesはこんな感じ

yew = "0.19"
yew-hooks = "0.1.56"
SoheySohey

以下の記事を参考にyew-routerを用いて、ページ遷移を実装した
https://yew.rs/docs/next/concepts/router

SoheySohey

クエリパラメーターはserdeを用いて用意する必要があるらしかったので、
構造体を用意して、push_with_queryの第二引数に渡してあげたら行けた。

navigator.push_with_query(Route::Recording, query).unwrap();