Batch Update

In react 17 version, when we set multiple state in this.state .
render can run for each state when update . so , its can effect performance while working.

But after react 18 version, render can run once after all state updated.
below this code is example of render,

import React from "react";
import "./styles.css";

class batch extends React.Component {
  constructor() {
    super();
    this.state = {
      increment1: 0,
      increment2: 0
    };
  }

  bottonClick = () => {
    this.setState({
      increment1: this.state.increment1 + 1,
      increment2: this.state.increment2 + 2
    });
    console.log("render");

  };

  render() {
    return (
      <>
        <h1> batch update</h1>
        <div>increment1 : {this.state.increment1}</div>
        <div> increment2 : {this.state.increment2}</div>
        <button onClick={this.bottonClick}> increment</button>
      </>
    );
  }
}
export default batch;