title: Change text value on button click
body: <p>I am new in REACT JS so while making an app I am stuck at this part where i want to change h1 value when the button is clicked</p>
  <pre><code>import Button from 'react-bootstrap/Button';
  import './App.css';
  import { Container } from 'react-bootstrap';
  import { Row } from 'react-bootstrap';
  
  function App() {
  
  return (
  &lt;Container&gt;
      
  &lt;Row className=&quot;Row&quot;&gt;
    &lt;div className=&quot;frame&quot;&gt;
   
      &lt;h1&gt;this text should change&lt;/h1&gt;
         &lt;Button className=&quot; btn btn1&quot; color=&quot;light&quot;&gt;YES&lt;/Button&gt; // this button should change the text
         &lt;Button className=&quot; btn btn2&quot; color=&quot;light&quot;&gt;NO&lt;/Button&gt;
    &lt;/div&gt;
  &lt;/Row&gt;
  
  &lt;/Container&gt;
  );
  }
  
  export default App;
  </code></pre>