Skip to content

Commit d495e2d

Browse files
smikitkykoba04
andauthored
Update beta/src/pages/learn/passing-props-to-a-component.md
Co-authored-by: Toru Kobayashi <[email protected]>
1 parent 19aa9f0 commit d495e2d

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

beta/src/pages/learn/passing-props-to-a-component.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -729,7 +729,9 @@ li { margin: 5px; }
729729

730730
### props に基づく画像サイズ変更 {/*adjust-the-image-size-based-on-a-prop*/}
731731

732-
以下の例では `Avatar` は数値型の `size` プロパティを受け取り、これが `<img>` の幅と高さを決定しています。この例では `size``40` に設定されています。しかしこの画像を新しいタブで開いてみると、画像自体はもっと大きい(`160` ピクセル)ことがわかります。実際の画像自体のサイズは、リクエストするサムネールのサイズによって決定されます。
732+
以下の例では `Avatar` は数値型の `size` プロパティを受け取り、これが `<img>` の幅と高さを決定しています。この例では `size``40` に設定されています。しかしこの画像を新しいタブで開いてみると、画像自体はもっと大きい(`160` ピクセル)ことがわかります。実際の画像自体のサイズは、リクエストするサムネイルのサイズによって決定されます。
733+
734+
733735

734736
`Avatar` コンポーネントを書き換えて、`size` プロパティに基づいて最も近い画像サイズをリクエストするようにしてください。具体的には、`size``90` 未満の時は `getImageUrl` 関数に `'b'` ("big") ではなく `'s'` ("small") を渡すようにします。書き換えがうまくいったことを確認するには、アバターを `size` を書き換えてレンダーし、画像を新しいタブで開くようにします。
735737

0 commit comments

Comments
 (0)