Refs

refは、任意の HTML 要素やコンポーネントの内部で、割り当てられている DOMElementを取得するために使用することができます。 これは、view ライフサイクルメソッドの外で DOM に変更を加えるために使用できます。

これは、キャンバスの要素を取得したり、ページの異なるセクションにスクロールしたりするのに便利です。

構文は以下の通りです:

// In create
self.node_ref = NodeRef::default();

// In view
html! {
    <div ref={self.node_ref.clone()}></div>
}

// In update
let has_attributes = self.node_ref.try_into::<Element>().has_attributes();