Реагировать - сохранять дочернее состояние при каждом отображении списка родителем

Question

Я новичок в React.Мне нужно, чтобы государство родителей держало список карточек (как детей), и у каждого ребенка тоже есть свое собственное состояние.Моя проблема в том, что ребенок будет размонтирован, когда родитель добавит карточку.

здесь - это простая перестройка для моей ситуации

---

Я пытался:

1. сохраняют еще одно состояние у родителей:

, но карта динамически увеличивается, и она сталкивается с асинхронными проблемами состояния, которые могут использовать Redux для ее решения ... Я нехочу использовать Redux здесь.

-

Нужен совет для этого, большое спасибо.

---

Редактировать: (подробнее о том, что я хочу сделать)

1. Родитель может добавить другую карточку в список с помощью кнопки сверху.

2. У ребенка есть собственное состояние, в этом примере я могу нажать кнопку слева, чтобы изменитьдетское состояние.

Проблема: состояние детей вернется в исходное состояние: 1, когда я добавляю новую карту ... Мне нужно, чтобы они сохранили исходное состояние.

Answer 1

Поскольку дочерний компонент принадлежит родительскому.Следовательно, всякий раз, когда вы обновляете родительское состояние, он будет перерисовывать родительский компонент =>, потом ребенок снова будет инициализироваться.Чтобы избежать этой проблемы, НЕ используйте приставку или что-то еще для управления своим состоянием.

Вы должны инициализировать некоторое значение в родительском компоненте, а затем передать его в child как prop.Тогда эта опора не будет затронута, когда ваше родительское состояние будет изменено.=> Ваша проблема будет решена.