ReactHooks batch update state and get route parameters example analysis

import { useState } from 'react';
import { unstable_batchedUpdates } from 'react-dom'; //Use when updating status in batches import React from 'react';
const Example = () => {
  const [count, setCount] = useState(0);
  const [count1, setCount1] = useState(0);
  const [isClick, setCount2] = useState(0);
  setTimeout(function () {
    setCount(1)
    setCount1(1)
    setCount2(1)
  }, 1000);
  console.log('rendered')
  return (
    <span>Please check the console output! </span>
  );
}
export default Example;

import { useState } from 'react';
import { unstable_batchedUpdates } from 'react-dom'; //Use when updating status in batches import React from 'react';
const Example = () => {
  const [count, setCount] = useState(0);
  const [count1, setCount1] = useState(0);
  const [isClick, setCount2] = useState(0);
  setTimeout(function () {
    unstable_batchedUpdates(() => {
      setCount(1)
      setCount1(1)
      setCount2(1)
    })
    // This is the event being processed}, 1000);
  console.log('rendered')
  return (
    <span>Please check the console output! </span>
  );
}
export default Example;

<Route path="/test/:name" component={Statistics} />

import { useState } from 'react';
import React from 'react';
const Example = ({ match }) => {
  const [name] = useState(match.params.name);
  return (
    <p>The name is: <span style={{ fontWeight: 600 }}>{name}</span></p>
  );
}
export default Example;