Breaking News: Grepper is joining You.com. Read the official announcement!

batching react

Araks Markosyan answered on October 31, 2022 Popularity 9/10 Helpfulness 4/10

answer batching react

batching react

Comment

import * as React from 'react';

const App = () => {
  const [counter, setCounter] = React.useState(42);
  const [clicked, setClicked] = React.useState(0);

  const handleCounter = (digit) => {
    setCounter(counter + digit);
    setClicked(clicked + 1);
  };

  console.log('component rendering');

  return (
    <div>
      <button type="button" onClick={() => handleCounter(1)}>
        Increase
      </button>
      <button type="button" onClick={() => handleCounter(-1)}>
        Decrease
      </button>

      <div>Counter: {counter}</div>
      <div>Clicked: {clicked}</div>
    </div>
  );
};

export default App;

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: www.robinwieruch.de

Tags: batching javascript

Link to this answer
Share Copy Link