* Updated button action

andresgd7 · May 2, 2024 · a75d2fb · a75d2fb
1 parent 65e03fc
commit a75d2fb
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/App.js b/src/App.js
@@ -2,9 +2,11 @@ import React, { useState } from 'react';
 
 export default function App() {
   const [data, setData] = useState(null);
+  const [mostrarMensaje, setMostrarMensaje] = useState(false);
 
   const obtenerData = async () => {
     setData("Api en construcción");
+    setMostrarMensaje(true);
   };
 
   return (
@@ -17,9 +19,11 @@ export default function App() {
           Obtener data
         </button>
       </div>
-      <div style={{ marginTop: '20px', fontSize: '18px' }}>
-        {data ? data : "Api en construcción"}
-      </div>
+      {mostrarMensaje && (
+        <div style={{ marginTop: '20px', fontSize: '18px' }}>
+          {data ? data : "Api en construcción"}
+        </div>
+      )}
     </div>
   );
 }