Типизация мапы соответствий в react typescript?

Question

[Merser1905]

Всем доброго времени суток. Возникла такая проблема. Стараюсь сделать универсальный компонент для текста, который можно испльзовать и для заголовков и для обычного текста. Делаю мапу соответствия, чтобы в зависимости от требуемого prop type рисовался нужный styled component. Прошу помощи с типизацией, не пойму, как затипизировать объект с мапой, чтобы ключи четко были значениями из enum, а значениями функции, которые возвращают компонент. С react ts знаком не так давно, поэтому прошу помощи) Заранее спасибо за ответ, все куски кода заскринил. Это весь компонент.

Comments

[Роман Александрович]

примерно так

export type forceValidationKeys =
  | 'dropoffAddress'
  | 'pickupAddress'
  | 'customerPhone'
  | 'senderPhone';

interface {
forceValidation: {[key in forceValidationKeys]: boolean};
}

Answer 1

[Robur]

type X = {[k in TypeText]: () => {}}

Я бы подставил ваши типы, но они плохо копируются из картинки, а набирать их руками мне лень

Comments

[Merser1905]

Спасибо) Я уже нагуглил решение =)