【2022.8.25】useState

[lkzwc]

useState

首先useState会返回一个最新值和一个修改值的方法，参数传入的是一个默认值

function myuseState1( initValue){

  let value = initValue
 function setValue(newValue){
    value = newValue
 }
 return [ value,setValue]
}

function myuseState2( initValue){
  const getter=()=>initValue
  const setter=(value)=>(initValue =value )
 return [getter,setter]
}

如果定义多个useState呢？

用数组保存呗

let index =0
let stateArr =[]

function useState(initvalue){
   stateArr[i] =  stateArr[i]  || initvalue

  let cunrrent = index  //保存对应的下标 执行setState直接更新对应的
 function setState(newValue){
   stateArr[current] = newValue
  render();
 }
  return [stateArr[index++],setState]
}

render(){
 index=0   // render的时候清空 从头开始
}