Typescript: '인덱스 서명에서 유니온을 사용할 수 없습니다. 대신 매핑 된 개체 유형을 사용하십시오'에 대한 빠른 수정

매핑 된 개체 유형이 무엇인지 아무도 모르기 때문에 빠르게 수정 해 보겠습니다.

+1, 2.9가 예제 코드에 따라 인덱스 서명으로 공용체를 지원할 것으로 예상했기 때문에 여기에 왔습니다. 나는 이것이 오랫동안 바랬던 기능이라고 생각한다 : # 5683, # 16760 등.

다음과 같이 할 수 있습니다.

type Foo = 'a' | 'b';
type Bar = {[key in Foo]: any};

Bar 에는 색인 서명이 없지만 (즉, (obj as Bar)[value as Foo] 를 수행 할 수 없습니다).

편집 :주의 사항이 문제가되지 않도록 할 수 있다면 영원히 감사하겠습니다!

나는 이것에 대해 일하고 싶다 : 웃음 :

다른 멤버를 교차 유형과 결합되는 별도의 객체 유형으로 이동합니다.

포함하는 객체 유형이 클래스 인 경우 어떻게해야합니까?
나는 그것이 인터페이스라고 상상할 수 있습니다

그래서 빠른 수정 후 코드를 따라야 할 것은 무엇입니까?

type K = "1" | "2"

class SomeType {
    a = 1;
    [prop: K]: any;
}

그래서 빠른 수정 후 코드를 따라야 할 것은 무엇입니까?

나는 이것이 고칠 수 없어야한다고 말하고 싶다 ..

@mhegazy 3.0.0-rc를 사용하고 있으며 원래 게시 된 것과 동일한 오류가 계속 발생합니다. 이것이 예상 되는가?

3.0.0-rc를 사용하고 있으며 원래 게시 된 것과 동일한 오류가 계속 발생합니다. 이것이 예상 되는가?

예. 오류가 정확합니다. 이 문제는 빠른 수정, 즉 오류 메시지 옆에있는 가벼운 펄프를 추가하는 추적이었습니다.

2.9.1 및 vscode에서 사용할 수있는 코드 작업 없음

@ThaJay 이 기능을 백 포트하지 습니다 . 새 버전을

명백하게. 타임 라인을 먼저 확인하지 않아서 죄송합니다. 단지 충분히 새로운 것으로 생각했습니다. TS가 처음입니다. 버전 3에서 확인합니다.

이것을 설명하는 방법 :

function createRequestTypes(base){
  return ['REQUEST', 'SUCCESS', 'FAILURE'].reduce((acc, type) => {
    acc[type] = `${base}_${type}`
    return acc
  }, {})
}

const user = createRequestTypes('USER')
console.log(user.REQUEST) // error
// just string? like:
interface IRequestType: {[key: string]: string}

아래에서 시도했지만 모두 실패했습니다.

type requestStatus = 'REQUEST' | 'SUCCESS' | 'FAILURE'
type requestTypes = {
  [key in requestStatus]: string
}
// or
interface IRequestTypes {[key: keyType]: string}
// or even
type requestTypes = {
  FAILURE: string,
  SUCCESS: string,
  REQUEST: string
}

@maicWorkGithub 여기 있습니다.

const user = createRequestTypes('USER')
console.log(user.REQUEST) 

function createRequestTypes(base:string):requestTypes {
  const result : requestTypes    = {}
  const arr    : requestStatus[] = ['REQUEST', 'SUCCESS', 'FAILURE']  

  return arr.reduce((acc, type) => {
    acc[type] = `${base}_${type}`
    return acc
  }, result)
}


type requestStatus = 'REQUEST' | 'SUCCESS' | 'FAILURE'
type requestTypes = { [key in requestStatus]?: string }

@ihorskyi 감사합니다 !!

type 작동하지만 interface 가 작동하지 않는 이유가 궁금합니다. 누군가 설명해 주시겠습니까? interface 이러한 제한 (또는 기능)의 이유는 무엇입니까?

type Foo = 'a' | 'b';
type Bar = {[key in Foo]: any}; // ok
interface Baz {[key in Foo]: any} // =>

// A computed property name in an interface must refer to an expression whose type is a literal type or a 'unique symbol' type.ts(1169)
// A computed property name must be of type 'string', 'number', 'symbol', or 'any'.ts(2464)
// 'Foo' only refers to a type, but is being used as a value here.ts(2693)

이것은 발견 할 수있는 놀라운 자동 수정이었습니다. 구현해 주셔서 감사합니다! :)

수업도 마찬가지입니다.

다음과 같이 할 수 있습니다.

type Foo = 'a' | 'b';
type Bar = {[key in Foo]: any};

Bar 에는 색인 서명이 없지만 (즉, (obj as Bar)[value as Foo] 를 수행 할 수 없습니다).

편집 :주의 사항이 문제가되지 않도록 할 수 있다면 영원히 감사하겠습니다!

대신 Record 사용하세요!

type Foo = 'a' | 'b'
type Bar = Record<Foo, any>

클래스를 사용하여 이에 대한 예를 하나 더 추가하려면 ...

class Foo {
   a: string;
   b: string;
}

type Bar = {[key in keyof Foo]: any};

단어없이 밈만 :
https://media1.tenor.com/images/23d9d746fc87b3a93298af43dae21f6a/tenor.gif

:)

Partial을 사용할 때 더 좋습니다.

type A = 'x' | 'y' | 'z';
type M = Partial<{
    [key in A]: boolean
}>;

매핑 된 개체 유형이 무엇인지 아무도 모르기 때문에 빠르게 수정 해 보겠습니다.

안녕하세요.
오류 메시지가 대답을 제안 할 수없는 이유는 무엇입니까?

유형 또는 열거 형 을 키로 사용하는 인터페이스가 하나의 속성 만 허용 할 수 있다고 말할 수 있는지 아는 사람이 있습니까?

예를 들어 다음과 같은 서명이 있습니다 : { <field>: { <and|or|xor>: <int> } } took from mongo bitwise operator .

export enum BitwiseOperator {
    and = "and",
    or = "or",
    xor = "xor",
}

export type BitwiseCondition = {
    [key in BitwiseOperator]?: number;
}

그런 다음 그것을 사용할 때 인터페이스에 의해 정의 된 변수에 하나의 속성 만 있는지 확인하고 싶습니다.

const query: BitwiseCondition = {
  and: 5,
  or: 6  // raise a ts error
};

@ b4dnewz Typescript에서는 할 수 없습니다. 해결 방법 : https://github.com/Microsoft/TypeScript/issues/10575

@ b4dnewz , 1 개의 속성 만 원한다면 이렇게하지 않는 이유는 무엇입니까?

export enum BitwiseOperator {
  and = "and",
  or = "or",
  xor = "xor",
}

export type BitwiseCondition = {
  operator: BitwiseOperator;
  value: number;
}

@benwinding 불행히도 반환 된 모양은 mongodb가 기대하는 것과 다릅니다.

@apieceofbart 제안

나는 두통을 피하기 위해 mongo-operators 정의를 가능한 한 간단하게 유지하려고 노력하고 있습니다 😁 향후 적절한 지원이 추가 될 수 있습니다

@ b4dnewz 충분히 공정한,

사용할 수있는 더 간단한 옵션은 다음과 같습니다.

export type BitwiseCondition =
  | { or: number }
  | { xor: number }
  | { and: number }

너무 많은 중복없이 얻을 수있는 가장 가까운 것입니다.

@ b4dnewz 충분히 공정한,

사용할 수있는 더 간단한 옵션은 다음과 같습니다.

export type BitwiseCondition =
  | { or: number }
  | { xor: number }
  | { and: number }

너무 많은 중복없이 얻을 수있는 가장 가까운 것입니다.

이 예에서는 오류가 발생하지 않습니다.

const query: BitwiseCondition = {
  and: 5,
  or: 6  // raise a ts error
};

그게 요점이라고 생각 했어

@apieceofbart ,

이 예에서는 오류가 발생하지 않습니다.

export type BitwiseCondition =
  | { or: number }
  | { xor: number }
  | { and: number }

const query: BitwiseCondition = {
  and: 5,
  or: 6  // doesn't raise a ts error!
};

와! 이상 해요 : open_mouth : 몰랐어요!

Typescript는 객체에 대해 상호 배타적 인 유형을 지원하지 않는 것 같습니다. 또한 여기에서 언어에 대한 제안이었습니다 : https://github.com/microsoft/TypeScript/issues/14094

그래도 기술적으로는 여전히 가능합니다 ...

이 stackoverflow 답변에서 조건부 유형 (가장 어려운 유형)을 사용하여 이것을 달성 할 수 있지만 예쁘지 않습니다 ....

/*
 XOR boiler plate
*/
type Without<T, U> = { [P in Exclude<keyof T, keyof U>]?: never };
type XOR<T, U> = T | U extends object
  ? (Without<T, U> & U) | (Without<U, T> & T)
  : T | U;
type XOR3<S, T, U> = XOR<S, XOR<T, U>>;

// Code start
export type BitwiseCondition = XOR3<
  { or: number },
  { xor: number },
  { and: number }
>;

const query1: BitwiseCondition = {
  and: 5
};

const query: BitwiseCondition = {
  and: 5,
  or: 6 // raise a ts error
};

누군가 이걸 더 예쁘거나 더 좋게 만들 수 있다면

@mvasin FWIW, 이것은 동일한 결과를 얻기 위해 _appears_하지만 유형에서와 마찬가지로 인터페이스의 기능이어야한다는 데 전적으로 동의합니다.

type Foo = 'a' | 'b';

type Bar = {
  [key in Foo]: any
}

interface A extends Bar { }

class Wol implements A{
  a: any;
  b: any;
}

typescript 3.5의 경우 다음을 수행해야하는 것 같습니다.

export interface DataTableState {
  columnStats: {[key in keyof DataTable]?:{}}
}

이것이 최선의 방법입니까?

인덱스 서명이 열거 형 유형을 정확히 사용할 수없는 이유는 무엇입니까? 매핑 된 유형은 내가 원하는대로 거의 수행하지만 TypeScript는 열거 형의 모든 문자열이 정의 된 키로 존재하기를 기대합니다. 실제로 모든 키가 존재한다고 주장하고 싶지는 않습니다. 키가 있으면 열거 형에 있어야한다는 것입니다.

예를 들어 유형 :

type MyType = {
  [Key: 'foo' | 'bar' | 'zip']: number;
};

다음을 충족해야합니다.

const x: MyType = {
  foo: 1,
  zip: 2
};

매핑 된 유형에 대해 정의되지 않은 다른 키를 설정할 수 있지만 키를 선택적으로 설정하는 것을 선호하지만 키가있는 경우 값 을 정의

Partial을 사용할 때 더 좋습니다.

type A = 'x' | 'y' | 'z';
type M = Partial<{
    [key in A]: boolean
}>;

감사!
사전과 부분적으로 일치하는 유형을 정의해야 할 때 유용합니다.

https://www.typescriptlang.org/docs/handbook/advanced-types.html#mapped -types

"부분"은 레코드에서도 사용할 수 있습니다.

type Foo = 'a' | 'b';
let foo1: Record<Foo, number> = { a: 1, b: 2 };
let foo2: Partial<Record<Foo, number>> = { a: 1 };

매월이 GitHub 페이지를 무의식적으로 방문합니다.

내 최근의 것은 정말 간단한 것입니다.

interface ObjectLiteral {
    [key: string | number]: any
}
export const mapToObjectLiteral = (map: Map<string|number, any>) =>
    Array.from(map).reduce((objLit, [key, value]) => {
        objLit[key] = value
        return objLit
    }, {} as ObjectLiteral)

위로 스크롤하여 해결 방법을 찾을 수 있지만이 문제가 약간 다른 시나리오에서 일상 작업에서 자주 발생한다는 피드백을 제공하고 싶었습니다.

다음은 예입니다.

type MapKey = string | number;
type ObjectLiteral<T extends MapKey, V = any> = {
  [P in T extends number ? string : T]: V;
};

export const mapToObjectLiteral = <T extends MapKey, V>(map: Map<T, V>) =>
  Array.from(map).reduce((objLit, [key, value]) => {
    objLit[key as keyof ObjectLiteral<T>] = value;
    return objLit;
  }, {} as ObjectLiteral<T, V>);

// how to make a better type of map ?
const m = new Map<1 | "foo", "a" | "b">();
m.set(1, "a");
m.set("foo", "b");

const o = mapToObjectLiteral(new Map(m));

console.log(o[1], o.foo); // just got an union type of every member of 'o'

https://github.com/microsoft/TypeScript/issues/24220#issuecomment -504285702

클래스를 사용하여 이에 대한 예를 하나 더 추가하려면 ...

class Foo {
   a: string;
   b: string;
}

type Bar = {[key in keyof Foo]: any};

매우 유용한. 감사! 🚀