mirror of https://github.com/yewstack/yew
18 lines
1017 B
Plaintext
18 lines
1017 B
Plaintext
---
|
|
title: 'ノード参照'
|
|
description: 'DOM 外部アクセス'
|
|
---
|
|
|
|
`ref` 属性を使用して、`NodeRef` を HTML 要素にアタッチできます。コールバック内で、`ref` がアタッチされた DOM `Element` を取得できます。これを使用して、`view` ライフサイクルメソッドの外部で DOM を変更したり、`<input>` の値を取得したり、JavaScript API を介して直接 DOM と対話したりできます。
|
|
|
|
これは、canvas 要素を取得したり、ページの異なる部分にスクロールしたりするのに便利です。
|
|
|
|
:::caution
|
|
Yew がレンダリングした DOM ツリーを手動で変更しないでください。確信が持てない場合は、`NodeRef` を読み取り専用アクセスとして扱ってください。
|
|
:::
|
|
|
|
## さらに読む
|
|
|
|
- [use_node_ref フック](https://yew-rs-api.web.app/next/yew/functional/fn.use_node_ref.html)
|
|
- [`node_refs` の例](https://github.com/yewstack/yew/tree/master/examples/node_refs)
|