Reacts：如何处理副作用？

Question

我正在构思一个调查网站，但在重新渲染时遇到了副作用问题

我将对象问题存储在一个数组中，我的问题是当我试图删除数组中的一个问题时，以下索引处的问题也被删除

survey.js

const quest = {
        label: '',
        typeofquestion: "Radio",
        rank: "",
        questionFlag: '',
        min: '',
        max: "",
        choices: [{
            label: ""
        }]
    }
    const [questions, setQuestions] = useState([quest])
// add question
const addQuestion = () => {
        setQuestions(old => [...old, quest])
    }

//delete

const deleteQuestion = (index) => {
        setQuestions(old => {

            old.splice(index, 1)
            return [...old]
        })
    }

请问我可以使用哪种方法来处理该问题？