App2.js

App.js

import logo from './logo.svg'; 
import './App.css'; 
import { useState } from 'react'; 

function App() { 
  const [text, setText] = useState('Click the button'); 

  const onClickHandler = () => { 
    setText('Pressed!') 
  } 
  
  return ( 
    <div className="App"> 
      <header className="App-header"> 
        <img src={logo} className="App-logo" alt="logo" />  
        <p> 
          Edit <code>src/App.js</code> and save to reload.  
        </p> 
        <a 
          className="App-link" 
          href="https://reactjs.org" 
          target="_blank" 
          rel="noopener noreferrer" 
        > 
          Learn React 
        </a> 
        <p>{text}</p> 
        <button onClick={onClickHandler}>Click me!</button>  
      </header> 
    </div> 
  ); 
} 

export default App;