Сохранение нескольких состояний одного компонента

У меня есть четыре компонента.

1. Родительский компонент (содержит оставшиеся 3 компонента)

2. ComponentClassA, ComponentClassB (2-й и 3-й компоненты) эти компоненты имеют кнопку showresultBtn, которая заполняет результаты в компоненте Показать результаты.

3. Компонент ShowResults (4-й компонент): он покажет имя и метки (под вкладкой ComponentClassA и ComponentClassB).

ComponentClassA и ComponentClassB присутствуют во вкладках. Поэтому, когда пользователь переходит на вкладку ComponentClassA и нажимает showresultBtn, результат будет отображаться в компоненте ShowResults и то же самое с ComponentClassB. поэтому всякий раз, когда пользователь перемещается и возвращается к ComponentClassA, результат должен поддерживаться, а когда он приходит к ComponentClassB, результат claasB должен поддерживаться.

До сих пор я мог только поддерживать состояние последнего щелчка showresultBtn, потому что последний клик переопределял состояние избыточности, но мне нужно поддерживать состояние обоих showresultBtn (ComponentClassA и ComponentClassB)

| Родительский компонент...................................................|

|................................................. ................................|

| Вкладка ComponentClassA| Вкладка «КомпонентклассБ» |

|................................................. ..........................|

|................................................. ..........................|

|................................................. ..........................|

|Компонент ShowResults...................................|

|................................................. ..........................|

|................................................. ..........................|

|_____________________________________|