Типы общих свойств Typescript

Question

В машинописном тексте у меня есть этот интерфейс.

export interface FlexProps {
  justifyContent:
  | "initial"
  | "center"
  | "flex-start"
  | "flex-end"
  | "space-between"
  | "space-around";

  alignItems:
  | "initial"
  | "center"
  | "stretch"
  | "flex-start"
  | "flex-end"
  | "baseline";
}

Есть ли способ преобразовать это в?

    const shared: "initial" | "center" | "flex-start" | "flex-end"

    export interface FlexProps {
      justifyContent: shared | "space-between" | "space-around";
      alignItems: shared | "stretch" | "baseline";
    }

Answer 1

Возможно, вы сделали опечатку при объявлении общих типов. Вы использовали const, но это должно быть type:

-  const shared: "initial" | "center" | "flex-start" | "flex-end"
+  type shared = "initial" | "center" | "flex-start" | "flex-end";

   export interface FlexProps {
     justifyContent: shared | "space-between" | "space-around";
     alignItems: shared | "stretch" | "baseline";
   }

Вот демо :

type shared = "initial" | "center" | "flex-start" | "flex-end";

interface FlexProps {
    justifyContent: shared | "space-between" | "space-around";
    alignItems: shared | "stretch" | "baseline";
}