Как я могу закрыть div и открыть в реакции

Question

Я учусь реагировать и делал заметки в приложении.Пока он работает нормально, но не работает, когда я закрываю заметку, а затем снова пытаюсь открыть ту же заметку.Если я открываю любую другую заметку, кроме той, которую закрыл, она работает нормально.

Я знаю, что мое условие if вызывает это, потому что в моем коде есть условие ниже 1003 *, которое возвращает true только если идентификаторы отличаются.

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

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

Демонстрация: https://codesandbox.io/s/wqqklork

Как воссоздать ошибку: Нажмите на примечание 1, затем нажмите кнопку закрытия примечания и затем снова нажмите примечание 1 (это не будет работать), но если вынажмите примечание 2, это будет работать.

Answer 1

Я полагаю, что это проблема жизненного цикла компонента: когда вы щелкаете новую заметку, отображается весь новый компонент, но когда вы дважды щелкаете по одному и тому же компоненту, второй раз новый компонент не отображается, но тот же самый обновляется.,Проверьте метод жизненного цикла willcomponentupdate. Надеюсь, это поможет.