Categories

Friday, November 22, 2024
#919814419350 therichposts@gmail.com
Reactjs

How to Change text with reactjs click event?

Change text with reactjs click event

Hello, welcome to therichpost.com. In this post, I will tell you, How to Change text with reactjs click event? Reactjs is a Javascript Library to build user interface.

Here is the working code for Here is the working for React js Onclick Event Handler Example and you can add this into your index.js file: and you can add this into your index.js file:
import React from 'react';
import ReactDOM from 'react-dom';

class Hello extends React.Component{
  constructor()
  {
    super();
      this.state =  {
         title: "Click Me"
      }
  }
  render()
  {
    return (
     <h1 onClick={ () => this.setState({ title: "New title" })}>{this.state.title}</h1>
    )
  }
}

ReactDOM.render(<Hello />, document.getElementById('root'));

  If you have any query related to this post then please do ask in below comment section and I will come with more post related to reactjs.

therichpost
the authortherichpost
Hello to all. Welcome to therichpost.com. Myself Ajay Malhotra and I am freelance full stack developer. I love coding. I know WordPress, Core php, Angularjs, Angular 19, MedusaJs, Next.js, Bootstrap 5, Nodejs, Laravel, Codeigniter, Shopify, Squarespace, jQuery, Google Map Api, Vuejs, Reactjs, Big commerce etc.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.