useState更新复杂数据（无状态组件）

useState数组（简单）

//定义数据
const [data,setData]=useState([1,2,3])
//点击在data数据添加一个4
 const clickAdd()=>{
     setData(
         ()=>{
             data.push(4);
             return [...data]
         }
     )
 }
 //点击按钮
 <button onClick={()=>clickAdd()}>

useState数组（复杂/数组套对象）

const [data,setData]=useState([{id:'题目id01',isMandatory:true,uname:'大题目的内容11111',selectType:'题目类型',sort:'排序01',answerListDTO:[{answer:'答案名称',id:'id',sort:'答案排序00'},{answer:'答案名称2',id:'id2',sort:'答案排序01'}]}])
//添加
    const addInput=(i,c)=>{
        setData(
            ()=>{
                data[i].answerListDTO.splice(c+1,0,{answer:'',id:"",sort:`答案`});
                return [...data]
            }            
        )
    }
    //移除
        const removeInput=(i,c)=>{
        setData(
            ()=>{
                data[i].answerListDTO.splice(c,1);
                return [...data]
            }
        )
    }

useState对象（简单）

const [data,setData]=useState({uname:'zhangsan'})
const setData=()=>{
    setData({
        ...data,
        uname:'丽丽'
    })
}

useState对象（复杂/对象数组）

const [data,setData]=useState({id:'问卷id',bname:'问卷名称',questionnairePhoto:'问卷图片',
        questionnaireTopicDTOList:[
            {id:'题目id01',isMandatory:true,uname:'大题目的内容11111',selectType:1,sort:'排序01',answerListDTO:[{answer:'答案名称',id:'id',sort:'答案排序00'},{answer:'答案名称2',id:'id2',sort:'答案排序01'}]}
        ]
    })
    //点击添加
    const addInput=(i,c)=>{
        let list=[...data.questionnaireTopicDTOList]
        list[i].answerListDTO.splice(c+1,0,{answer:'',id:"",sort:`答案排序000000${c}`})
        setData({
            ...data,
            questionnaireTopicDTOList:list
        })
    }