/Javascript/React/Automated counter with react hooks

Automated counter with react hooks

Counter with react hooks

import React, { useState } from 'react';

function Example() {
  // Declaración de una variable de estado que llamaremos "count"  const [count, setCount] = useState(0);
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

Source: es.reactjs.org

Automated counter with react hooks

const { useState, useEffect, useRef } = React;

function useInterval(callback, delay) {
  const savedCallback = useRef();

  // Remember the latest callback.
  useEffect(() => {
    savedCallback.current = callback;
  }, [callback]);

  // Set up the interval.
  useEffect(() => {
    let id = setInterval(() => {
      savedCallback.current();
    }, delay);
    return () => clearInterval(id);
  }, [delay]);
}

function App() {
  const [counter, setCounter] = useState(0);

  useInterval(() => {
    setCounter(counter + 1);
  }, 1000);

  return <h1>{counter}</h1>;
};

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

Source: stackoverflow.com

Similar codes

48 votes198 views1 answer
Emmet not working in react nextjs
Javascript React
0 vote219 views1 answer
What was the reaction of others bostonh tea party
Javascript React
0 vote199 views1 answer
Preview image before upload reactjs
Javascript React
0 vote198 views1 answer
React select remove the loading indicator
Javascript React
0 vote273 views1 answer
Flutter or react native
Javascript React
0 vote197 views1 answer
Add Multilanguage Support to React App
Javascript React
7 votes235 views3 answers
Conditional style prop react
Javascript React
1 vote192 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript React
10 votes147 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
125 votes630 views6 answers
Create React App command
Javascript React