Fix next button click error in code sandboxes in /learn/state-a-compo…

…nents-memory pages
reactjs · Oct 27, 2024 · 99d40c0 · 99d40c0
1 parent eb174dd
commit 99d40c0
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/content/learn/state-a-components-memory.md b/src/content/learn/state-a-components-memory.md
@@ -216,7 +216,7 @@ export default function Gallery() {
   let sculpture = sculptureList[index];
   return (
     <>
-      <button onClick={handleClick}>
+      <button onClick={handleClick} disabled={index === sculptureList.length - 1}>
         Next
       </button>
       <h2>
@@ -404,7 +404,7 @@ export default function Gallery() {
   let sculpture = sculptureList[index];
   return (
     <>
-      <button onClick={handleNextClick}>
+      <button onClick={handleNextClick} disabled={sculptureList.length - 1 === index}>
         Next
       </button>
       <h2>
@@ -769,7 +769,7 @@ export default function Gallery() {
   let sculpture = sculptureList[index];
   return (
     <section>
-      <button onClick={handleNextClick}>
+      <button onClick={handleNextClick} disabled={sculptureList.length - 1 === index}>
         Next
       </button>
       <h2>
@@ -940,7 +940,7 @@ export default function Gallery() {
   let sculpture = sculptureList[index];
   return (
     <>
-      <button onClick={handleNextClick}>
+      <button onClick={handleNextClick} disabled={sculptureList.length - 1 === index}>
         Next
       </button>
       <h2>