NGRX - повторно использовать компонент с собственным состоянием - PullRequest
Новая
       3

NGRX - повторно использовать компонент с собственным состоянием

0 голосов
/ 15 января 2020

Я работаю над загрузчиком файлов в angular. Сначала я подумал, что это будет отдельный компонент с собственным состоянием, но я понятия не имею, что мне делать, если у меня будет 2 экземпляра этого компонента, например, в форме, например: 

interface FormState {
   uploaderForPhotos:FileUploadState,
   uploaderForDocuments:FileUploadState,
   firstname:string, 
   lastname:string
}

И html: 

Photos:
<file-uploader></file-uploader>
Docs:
<file-uploader></file-uploader>
.... 
//Other fields

1-я идея, которую я нашел, была здесь: Независимые экземпляры того же функционального модуля NgRx

2-я идея: генерировать события из этого компонента и обрабатывать это по примеру. Например: 

Photos:
<file-uploader (onDelete)="onPhotoDelete()"></file-uploader>
Docs:
<file-uploader (onDelete)="onDocsDelete()"></file-uploader>
.... 
//Other fields

и используйте для этого Form редуктор, а не редуктор, выделенный для загрузки файлов.

Мой вопрос: есть ли сейчас лучшие решения для этого случая? Если нет, то какая идея лучше подходит?

Оцените любую помощь здесь

...