Существует 2 готовых типа:
type ContainerData = string;
type ContainerDataArray = string[];
Необходимо написать интерфейс, который имеет одно обязательное поле rootContainer
типа ContainerDataArray
и неограниченное количество полей с любым названием типа ContainerData
. Использование выглядит так:
interface IContainerBundle {
// Обязательное поле
rootContainer: ContainerDataArray,
// Другие поля с любым названием.
// Есть ли способ реализовать такой функционал?
// (что-то): ContainerData
}
const containerBundle: IContainerBundle = {
rootContainer: ["", ""],
container1: "",
container2: "",
// ...
}
Жёсткая привязка к первым двум типам обязательна: так как приложение всё ещё находится на этапе разработки, содержимое типов может изменяться.
Решение вида:
interface IContainerBundle {
[key: string]: ContainerData | ContainerDataArray
}
не является правильным, так как обязательное поле rootContainer
всегда должно быть массивом строк, а остальные поля всегда обычными строками.
Данный функционал используется при инициализации useState
в React
. Получается что-то типа:
interface IContainerBundle {
// ...
}
const [container, setContainer] = useState<IContainerBundle>({
rootContainer: ["...", "..."],
container1: "",
container2: ""
// ...
});