How to define integr variables in jsx

Posted on November 28, 2021

You press a button and it should count how many times you press. There should be increasing value in memory. A variable.

How to define it in class? Why haven’t you mentioned it in your lectures?

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

Bobby

May 4, 2022

Hello,

Here is an example code that would work in the same way you’ve described it:

import React, { useState } from "react";
import ReactDOM from "react-dom";

function App() {

  // State to store count value
  const [count, setCount] = useState(0);

  // Function to increment count by 1
  const incrementCount = () => {
    // Update state with incremented value
    setCount(count + 1);
  };
  return (
    <div className="app">
      <button onClick={incrementCount}>Click Here</button>
      {count}
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);