и по Вью, потому пишу сюда.
Как типизировать мутацию во vuex, изменяющую вложенные свойства объекта?
Предположим, у нас в сторе лежит
myDog = {
name: 'Blablovich',
color: 'black',
toys: {
favorite: [
'bone'
'ball'
],
usual: [
'annoying_squeaker'
]
}
И есть мутация, принимающая поля state, section, field
section - первый уровень вложенности (name, color, toys),
field - соответственно, второй (favorite, usual)
Мутация вызывается как для обновления данных в section - myDog[section] (к примеру, myDog.name),
так и для обновления field - myDog.toys.favorite
Как правильно типизировать такую мутацию?
такой вариант не работает:
type Toys = {
favorite: string[],
usual: string[],
}
type Dog = {
name: string,
color: string,
toys: Toys,
}
UPDATE_THE_DOG<
T extends Dog,
Key extends keyof T,
SubKey extends keyof T[Key],
>(state: AnimalState, { field, section, value }: {
field: SubKey,
section: Key,
value: T[Key][SubKey],
}): void {
const sectionObj = state.myDog[section]
sectionObj[field] = value
}
}
в гугле не смогла найти, вероятно, неправильно составляю запрос, или это невозможно?
суть в том, чтобы иметь возможность изменять как свойства на первом уровне вложенности, так и на уровень глубже
Разбить на 2
такс, разбиение разбиением, но при изменении вложенного объекта вопрос остался тем же: как правильно получить и указать типы свойств вложенного объекта? не зная точно, что там будет по примеру выше: нужно, чтобы можно было присвоить новое свойство, указав правильные типы для аргументов Key extends keyof Dog, SubKey extends keyof Dog[Key], >(state: AnimalState, { field, section, value }: { field: SubKey, section: Key, value: Dog[Key][SubKey], интересует строка: SubKey extends keyof T[Key], - получаю ошибку Type 'SubKey' cannot be used to index type 'string | number | boolean'. в то время как Key получаю корректные, туда подтягиваются все ключи объекта-родителя
Обсуждают сегодня