Skip to content

Commit 1bcf317

Browse files
committed
同じように〜、同じように のような重複を避ける
1 parent e2aa1c5 commit 1bcf317

File tree

1 file changed

+4
-6
lines changed

1 file changed

+4
-6
lines changed

content/docs/portals.md

+4-6
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ render() {
2727
}
2828
```
2929

30-
しかし、時に子要素を DOM 上の異なる場所に挿入したほうが便利なことがあります
30+
しかし、時に子要素を DOM 上の異なる位置に挿入したほうが便利なことがあります
3131

3232
```js{6}
3333
render() {
@@ -40,7 +40,7 @@ render() {
4040
}
4141
```
4242

43-
典型的なポータルのユースケースは、親要素が `overflow: hidden``z-index` のスタイルを持っていても、子要素にはコンテナを「飛び出して」いるように見えて欲しいようなものです。例えば、ダイアログ、ホバーカード、ツールチップがそれに当たります。
43+
ポータルの典型的なユースケースとは、親要素が `overflow: hidden``z-index` のスタイルを持っていても、子要素がコンテナを「飛び出して」見える必要があるものです。例えば、ダイアログ、ホバーカード、ツールチップがそれに当たります。
4444

4545
> 補足
4646
>
@@ -52,11 +52,9 @@ render() {
5252

5353
## ポータルを介したイベントのバブリング
5454

55-
ポータルは DOM ツリーのどこにでもありうるとはいえ、他の点では通常の React の子要素と同じように振る舞います。コンテクスト (context) のような機能は、たとえ子要素がポータルだろうと完全に同じように動きます。というのも、 **DOM ツリー**上の位置にかかわらず、ポータルは依然として **React のツリー**内にいるからです。
55+
ポータルは DOM ツリーのどこにでもありうるとはいえ、他の点では通常の React の子要素と変わらずに振る舞います。コンテクスト (context) のような機能は、たとえ子要素がポータルであろうと全く同じように動きます。というのも、 **DOM ツリー**上の位置にかかわらず、ポータルは依然として **React のツリー**内にいるからです。
5656

57-
これにはイベントのバブリングも含まれます。ポータルの内部から発行されたイベントは **React のツリー**内の祖先へと伝播します。たとえそれが **DOM ツリー**上では祖先でなくともです。
58-
59-
次のような HTML 構造があったとして、
57+
これにはイベントのバブリングも含まれます。ポータルの内部から発行されたイベントは **React のツリー**内の祖先へと伝播します。たとえそれが **DOM ツリー**上では祖先でなくともです。次のような HTML 構造があったとして、
6058

6159
```html
6260
<html>

0 commit comments

Comments
 (0)