html input输入值分段

一、身份证号分段<-基于react->

//dom
<input
  placeholder="请输入开户身份证号"
  maxLength={
   21}
  onChange={
   onChangeIdcard}
  value={
   idcard}
>
</input>
//maxLength为(18+3个空格=21)


//react.js
const [idcard,setIdcard] = useState("");
function onChangeIdcard(e){
   
      let value = e.replace(/\D/g,'').slice(0,18);//去除空格
      let valLength=value.length
      switch (true) {
   
        case valLength>6&&valLength<11:
          value=`${
     value.<