Установка значения свойства, вложенного в неизменяемую карту с помощью приставки - PullRequest
Новая
       6

Установка значения свойства, вложенного в неизменяемую карту с помощью приставки

0 голосов
/ 27 апреля 2018

Я пытаюсь установить значение state.case.summaries.get(action.summary.id).metadata.summaryRank с помощью редуктора. summaries равно Immutable.Map<string, Summary>;

Я пробовал это: 

        return {
            ...state,
            'case' : {
                ...state.case,
                summaries : {
                    ...state.case.summaries,
                    [action.summary.id] : {
                        ...state.case.summaries.get(action.summary.id),
                        metadata : {
                            ...state.case.summaries.get(action.summary.id).metadata,
                            summaryRank : action.newRank
                        }
                    }
                }
            }
        };

но я теряю свои типы: 

`state` before:
ApplicationState {_map: Map, __ownerID: undefined}
after:
{_map: Map, __ownerID: undefined, case: {…}}


`case` before:
Case {_map: Map, __ownerID: undefined}
after:
{_map: Map, __ownerID: undefined, summaries: {…}}


`summaries` before
Map {size: 44, _root: HashArrayMapNode, __ownerID: undefined, __hash: undefined, __altered: false}
after
{size: 44, _root: HashArrayMapNode, __ownerID: undefined, __hash: undefined, __altered: false, …}

поэтому, если я позже попытаюсь сделать summaries.get(summaryId), я получу applicationState.case.summaries.get is not a function

Тогда я попытался сделать так: 

        return state.set('case',
            state.case.set('summaries',
                state.case.summaries.get(action.summary.id).set(//not sure what to do here
                    state.case.summaries.get(action.summary.id).set('metadata',
                        state.case.summaries.get(action.summary.id).metadata.set('summaryRank',
                            action.newRank
                        )
                    )
                )
            )
        );

но я получаю: 

 [exec]
 [exec]  46                     state.case.summaries.get(action.summary.id).set(
 [exec]                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 [exec]  47                         state.case.summaries.get(action.summary.id).set('metadata',
 [exec]     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 [exec] ...
 [exec]  51                         )
 [exec]     ~~~~~~~~~~~~~~~~~~~~~~~~~
 [exec]  52                     )
 [exec]     ~~~~~~~~~~~~~~~~~~~~~
 [exec]
 [exec] .../services/store/caseReducer.ts(46,21): error TS2346: Supplied parameters do not match any signature of call target.
 [exec]

Подробнее

case.ts 

const CaseRecord = Immutable.Record({
    id: '',
    reserved:false,
    loaded: false,
    summaries: Immutable.Map<string, Summary>(),
    caseMetadata: new models.CaseMetadata(),
});

export class Case extends CaseRecord {
    public id: string;
    public loaded: boolean;
    public reserved: boolean;
    public summaries: Immutable.Map<string, Summary>;
    public caseMetadata: models.CaseMetadata;

    constructor(properties?: any) {
        super(properties);
    }

    public asMutable(): Case {
        let record = <Case>super.asMutable();
        record.summaries = this.summaries.asMutable();

        this.summaries.forEach((summary) => {
            record.summaries = record.summaries.set(summary.id, <models.Summary>summary.asMutable());
        });
        record.caseMetadata = this.caseMetadata.asMutable();

        return record;
    }
}

applicationState.ts 

const ApplicationStateRecord = Immutable.Record({
    case: new models.Case(),
    lookupValues: {}
});

export class ApplicationState extends ApplicationStateRecord {
    public case: models.Case;
    public lookupValues: LookupValues;

    constructor(properties?: any) {
        super(properties);
    }
}

1 Ответ

0 голосов
/ 27 апреля 2018

Будьте осторожны, используя типы классов в своем хранилище редуксов - вы должны убедиться, что вы не используете обычные объекты JS.

Когда вы делаете что-то вроде: 

return { /* stuff */ }

Невозможно, чтобы излишни могли сказать, что вы выводите его из другого типа. Вы можете применить оригинальный прототип, сделав что-то вроде: 

return Object.assign(new ApplicationState(), { /* stuff */ })

Тем не менее, это довольно утомительно, когда много вложений.

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

return state.setIn(
    ['case', 'summaries', action.summary.id, 'metadata', 'summaryRank'],
    action.newRank
)

Это также создаст ключи по мере необходимости, используя Карты Immutable по мере необходимости.

...