Skip to content

Commit

Permalink
fix: refのページで画像表示できない事象を解消
Browse files Browse the repository at this point in the history
対象ページ: https://ja.react.dev/learn/manipulating-the-dom-with-refs
画像取得先の placekitten.com が521エラーで画像をレスポンスしない状態になっており、画像が表示されない事象が発生していたためこれに対応。
オリジナル(英語版)ページでは placecats.com から画像取得するようになっていたため、日本語版ページでも同様に修正。
  • Loading branch information
nekonado committed Oct 6, 2024
1 parent e59729e commit 5f8c1d3
Showing 1 changed file with 9 additions and 9 deletions.
18 changes: 9 additions & 9 deletions src/content/learn/manipulating-the-dom-with-refs.md
Original file line number Diff line number Diff line change
Expand Up @@ -124,35 +124,35 @@ export default function CatFriends() {
<>
<nav>
<button onClick={handleScrollToFirstCat}>
Tom
Neo
</button>
<button onClick={handleScrollToSecondCat}>
Maru
Millie
</button>
<button onClick={handleScrollToThirdCat}>
Jellylorum
Bella
</button>
</nav>
<div>
<ul>
<li>
<img
src="https://placekitten.com/g/200/200"
alt="Tom"
src="https://placecats.com/neo/300/200"
alt="Neo"
ref={firstCatRef}
/>
</li>
<li>
<img
src="https://placekitten.com/g/300/200"
alt="Maru"
src="https://placecats.com/millie/200/200"
alt="Millie"
ref={secondCatRef}
/>
</li>
<li>
<img
src="https://placekitten.com/g/250/200"
alt="Jellylorum"
src="https://placecats.com/bella/199/200"
alt="Bella"
ref={thirdCatRef}
/>
</li>
Expand Down

0 comments on commit 5f8c1d3

Please sign in to comment.