react-hook-implementation.js

let index = 0;
let defaultState = [];

const useState = (state) => {
  index++;
  if (defaultState[index] === undefined) {
    defaultState[index] = state;
  }
  const setState = (newState) => {
    defaultState[index] = newState;
  };
  return [defaultState[index], setState];
};

function Component1() {
  const [inputValue, setInputValue] = useState(0);
  setInputValue(inputValue + 1);
  console.log("inputValue:", inputValue);
}

function Component2() {
  const [inputValue, setInputValue] = useState(0);
  setInputValue(inputValue + 1);
  console.log("inputValue:", inputValue);
}

function Component3() {
  const [inputValue, setInputValue] = useState(0);
  setInputValue(inputValue + 1);
  console.log("inputValue:", inputValue);
}

function render(){
    Component1(); 
    Component2();
    Component3();
    index = 0;
}