We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent 19aa9f0 commit d495e2dCopy full SHA for d495e2d
beta/src/pages/learn/passing-props-to-a-component.md
@@ -729,7 +729,9 @@ li { margin: 5px; }
729
730
### props に基づく画像サイズ変更 {/*adjust-the-image-size-based-on-a-prop*/}
731
732
-以下の例では `Avatar` は数値型の `size` プロパティを受け取り、これが `<img>` の幅と高さを決定しています。この例では `size` は `40` に設定されています。しかしこの画像を新しいタブで開いてみると、画像自体はもっと大きい(`160` ピクセル)ことがわかります。実際の画像自体のサイズは、リクエストするサムネールのサイズによって決定されます。
+以下の例では `Avatar` は数値型の `size` プロパティを受け取り、これが `<img>` の幅と高さを決定しています。この例では `size` は `40` に設定されています。しかしこの画像を新しいタブで開いてみると、画像自体はもっと大きい(`160` ピクセル)ことがわかります。実際の画像自体のサイズは、リクエストするサムネイルのサイズによって決定されます。
733
+
734
735
736
`Avatar` コンポーネントを書き換えて、`size` プロパティに基づいて最も近い画像サイズをリクエストするようにしてください。具体的には、`size` が `90` 未満の時は `getImageUrl` 関数に `'b'` ("big") ではなく `'s'` ("small") を渡すようにします。書き換えがうまくいったことを確認するには、アバターを `size` を書き換えてレンダーし、画像を新しいタブで開くようにします。
737
0 commit comments