質問編集履歴
2
誤字修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -75,6 +75,4 @@
|
|
|
75
75
|
)
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
```
|
|
78
|
+
```
|
|
79
|
-
|
|
80
|
-
■
|
1
「問題」のrefに型を設定
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
|
|
8
8
|
■問題
|
|
9
9
|
上記の場合、Parentからは以下の`ref`を渡す必要があります。
|
|
10
|
-
・IntersectionObserverを設定するための`ref`
|
|
10
|
+
・IntersectionObserverを設定するための`ref`（Child.Handler）
|
|
11
|
-
・`Child.animate()`を実行するための`ref`
|
|
11
|
+
・`Child.animate()`を実行するための`ref`（HTMLDivElement）
|
|
12
12
|
|
|
13
13
|
ただし、それらの`ref`はそれぞれ型が異なるため、Child側でTypeErrorが発生してしまいます。
|
|
14
14
|
「`React.forwardRef`において、型の異なるrefをどうやったら受け取れるか」というのが今回詰まっている箇所です。
|