强制 TypeScript 按字面意思输入对象

大佬教程收集整理的这篇文章主要介绍了强制 TypeScript 按字面意思输入对象，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决强制 TypeScript 按字面意思输入对象？

我有一个很大的常量 JavaScript 对象。像这样：

const commonStyles = {
    fullContainer: {
        flex: 1,alignItems: 'stretch',justifyContent: 'flex-start',},justifyEvenly: {
        justifyContent: 'space-evenly',wIDthBound: {
        wIDth: '100%',maxWIDth: breakpoints.default,alignSelf: 'center',}
    (...there is morE)
}

TypeScript 自动将所有 CSS 属性文本（“flex-start”、“space-evenly”等）输入为字符串，但我希望将它们输入为文字。

// @R_197_10112@ I get
{
    fullContainer: {
        flex: number,alignItems: @R_197_10495@ng,justifyContent: @R_197_10495@ng,...
}
// @R_197_10112@ I want
{
    fullContainer: {
        flex: number,...
}

当然，我可以手动注释类型。但是这里的对象非常大（> 50个条目并且还在增长），所以写完整的类型注解会很繁琐。

我的问题：有没有办法让 TypeScript 尽可能按字面意思自动键入对象？

解决方法

const commonStyles = {
    fullContainer: {
        flex: 1,alignItems: 'stretch',justifyContent: 'flex-start',},justifyEvenly: {
        justifyContent: 'space-evenly',//...
} as const;

大佬总结

以上是大佬教程为你收集整理的强制 TypeScript 按字面意思输入对象全部内容，希望文章能够帮你解决强制 TypeScript 按字面意思输入对象所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。