CODESANDBOX LINKE ПРЕДОСТАВЛЕНО!
Краткое изложение идеи приложения: Приложение для онлайн-экзаменов содержит два компонента: форму экзамена и вопрос. и компонент контекста: экзамен. экзаменационная форма содержит все динамически добавляемые пользователем вопросы. Пользователь также может УДАЛИТЬ вопросы. Каждый вопрос имеет уникальный идентификатор.
Предполагаемая функциональность: Вопросы хранятся в массиве контекста экзамена, чтобы они были доступны по экзаменационной форме и по вопросам. Идея заключается в том, что как только пользователь нажимает кнопку удаления вопроса, этот вопрос будет удален из массива контекста с использованием его идентификатора и, таким образом, отразит изменение в компоненте экзаменационной формы.
Проблема : Допустим, пользователь добавил 3 вопроса. Если пользователь нажимает кнопку «Удалить» на втором вопросе, то вместо этого будет удален третий вопрос, а второй вопрос будет иметь идентификатор третьего вопроса. Если он нажмет на 1-е, вместо этого будет удалено второе. Более странная часть состоит в том, что пользователь нажимает кнопку «Удалить» на последнем вопросе (скажем, на третьем), этот точный вопрос будет удален.
Все, что я хочу, - это удалить вопрос, который пользователь нажимает, не нарушая другие элементы array.
Пожалуйста, проверьте код, прежде чем делать предположения, спасибо.
CODESANDBOX LINK
Я изменил исходный код и вопросы, просто чтобы он прост, и большая часть стилей удалена только для демонстрационных целей.