В проекте React я использую JSS для стилизации компонентов.Это работает очень хорошо, но сейчас я пытаюсь ввести TypeScript в проект.Большинство вещей работает нормально, но я застрял при наборе styles
объекта.
Предположим, я определяю стили следующим образом:
const styles = (theme: XXX): YYY => ({
Foo: {
// ...
}
});
export default styles;
Затем он импортируется в реальный компоненти применяется с помощью этой строки:
export default withStyles(styles)(MyComponent);
Теперь мне интересно о типах для XXX
и YYY
.Пока я использую any
здесь, но, конечно, это не дает никакой значимой информации о типе.Конечно, я мог бы создать интерфейс, который описывает все подробно, но это быстро становится громоздким и раздражающим, и PITA для поддержки.
Как вы решаете это разумным способом?
PS:О, и это не опция не , предоставляющая YYY
в качестве возвращаемого значения, так как наши настройки ESLint требуют, чтобы вы указывали возвращаемое значение, поэтому мы не можем полагаться на типвывод здесь, или что-то в этом роде.Кроме того, должен быть типом ...