{
question: '',
answers: ['', '', '', ''],
correct: [],
},
{
question: '',
answers: ['', '', '', ''],
correct: [],
},
........
],
В общем в стэйте массив таких объектов. При onChange в инпуте я копирую весь questionsList и сую в стэйт новую измененную копию, и из за этого ререндерится вся таблица где это отображается. Я изменяю этот стэйт так:
const changeQuestion = (e, id) => {
let questionsList = test.questionsList
questionsList[id].question = e.target.value
setTest({ ...test, questionsList })
}
как можно это оптимизировать?
для начала попробуй React.memo
let questionsList = test.questionsList questionsList[id].question = e.target.value setTest({ ...test, questionsList }) мутируешь не мутируй
Обсуждают сегодня