File tree 1 file changed +4
-6
lines changed
1 file changed +4
-6
lines changed Original file line number Diff line number Diff line change @@ -27,7 +27,7 @@ render() {
27
27
}
28
28
```
29
29
30
- しかし、時に子要素を DOM 上の異なる場所に挿入したほうが便利なことがあります 。
30
+ しかし、時に子要素を DOM 上の異なる位置に挿入したほうが便利なことがあります 。
31
31
32
32
``` js{6}
33
33
render() {
@@ -40,7 +40,7 @@ render() {
40
40
}
41
41
```
42
42
43
- 典型的なポータルのユースケースは 、親要素が ` overflow: hidden ` や ` z-index ` のスタイルを持っていても、子要素にはコンテナを 「飛び出して」いるように見えて欲しいようなものです 。例えば、ダイアログ、ホバーカード、ツールチップがそれに当たります。
43
+ ポータルの典型的なユースケースとは 、親要素が ` overflow: hidden ` や ` z-index ` のスタイルを持っていても、子要素がコンテナを 「飛び出して」見える必要があるものです 。例えば、ダイアログ、ホバーカード、ツールチップがそれに当たります。
44
44
45
45
> 補足
46
46
>
@@ -52,11 +52,9 @@ render() {
52
52
53
53
## ポータルを介したイベントのバブリング
54
54
55
- ポータルは DOM ツリーのどこにでもありうるとはいえ、他の点では通常の React の子要素と同じように振る舞います 。コンテクスト (context) のような機能は、たとえ子要素がポータルだろうと完全に同じように動きます 。というのも、 ** DOM ツリー** 上の位置にかかわらず、ポータルは依然として ** React のツリー** 内にいるからです。
55
+ ポータルは DOM ツリーのどこにでもありうるとはいえ、他の点では通常の React の子要素と変わらずに振る舞います 。コンテクスト (context) のような機能は、たとえ子要素がポータルであろうと全く同じように動きます 。というのも、 ** DOM ツリー** 上の位置にかかわらず、ポータルは依然として ** React のツリー** 内にいるからです。
56
56
57
- これにはイベントのバブリングも含まれます。ポータルの内部から発行されたイベントは ** React のツリー** 内の祖先へと伝播します。たとえそれが ** DOM ツリー** 上では祖先でなくともです。
58
-
59
- 次のような HTML 構造があったとして、
57
+ これにはイベントのバブリングも含まれます。ポータルの内部から発行されたイベントは ** React のツリー** 内の祖先へと伝播します。たとえそれが ** DOM ツリー** 上では祖先でなくともです。次のような HTML 構造があったとして、
60
58
61
59
``` html
62
60
<html >
You can’t perform that action at this time.
0 commit comments