Как получить предложение в машинописном тексте с помощью «type JustifyContent = 'center' | 'flex-start' | string»

Question

Вот код:

type JustifyContentProperty = 'center' | 'flex-start' | string

const justifyContent:JustifyContentProperty = 'cen..' // I expected 'center' suggests, but none.

Question:

1. How can I get property suggestion with this type? expected showing 'center' 'flex-start', but because of "| string" definition it shows nothing.

2. I met this problem because csstype библиотека имеет тип - CSS .JustifyContentProperty, который не может вызывать ожидаемые предложения из-за '| string ', блуждаю, есть ли другое решение?

Answer 1

Для этого требуется трюк:

type JustifyContentProperty = 'center' | 'flex-start' | string & {}

С этим изменением любой string по-прежнему может быть назначен JustifyContentProperty, но вы получите IntelliSense для 'center' | 'flex-start'.

Answer 2

У меня есть 2 решения, IDE предложит вам типы

// solution 1
type JustifyContentProperty = 'center' | 'flex-start' 

// solution2 use const enum
const enum position {
  'center',
  'flex-start'
}
const justifyContent = position.center