У меня есть структура данных на JS. Это объект состоящий из массивов объектов. И в конце всего этого - одно логическое свойство. Вот пример:
const initialData = {
[groupKeys[0]]: [
{
content: 'Задача 1',
isCompleted: true,
id: generateUnicueId(),
group: groupKeys[0],
deadline: "",
isOverdue: false
},
{
content: 'Задача 2',
isCompleted: false,
id: generateUnicueId(),
group: groupKeys[0],
deadline: "",
isOverdue: false
},
],
[groupKeys[1]]: [
{
content: 'Задача 3',
isCompleted: false,
id: generateUnicueId(),
group: groupKeys[1],
deadline: "",
isOverdue: false
},
{
content: 'Задача 4',
isCompleted: false,
id: generateUnicueId(),
group: groupKeys[1],
deadline: "",
isOverdue: false
},
],
loading: true
}
Я хочу использовать интерфейс в TypeScript для ее описания. Как лучше всего мне это сделать? Все, до чего я дошел самостоятельно - это вот такой подход:
interface TodoInterface {
content: string,
isCompleted: boolean,
id: string,
group: string,
deadline: string,
isOverdue: boolean
}
interface StateInterface {
[key: string]: TodoInterface[]
}
К сожалению, это не то, что мне нужно. К примеру, я не понимаю, как мне описать последнее свойство loading: true.
StateInterface { loading: boolean; todoGroups: { [key: string]: TodoInterface[] } }