useRef "값을 참조하지만 여기서 유형으로 사용되고 있습니다."

useRef "값을 참조하지만 여기서 유형으로 사용되고 있습니다."

어떤 요소가 참조로 사용되고 있는지(예: 내 경우) 확인하는 방법을 알아보려고 합니다.

const circleRef = useRef<AnimatedCircle>(undefined);

AnimatedCircle서드파티 라이브러리의 SVG 컴포넌트입니다.이렇게 정의하면 에러가 발생합니다.

어떤 요소가 참조인지 정의할 수 있는 보편적인 방법이 있습니까?

내 경우 파일 이름을 다음과 같이 변경했습니다..ts대신.tsx. 다시 이름을 바꾸면 수정되었습니다.

AnimatedCircle타입이 아닌 함수입니다.이는 TypeScript에서 일반적인 제약조건과 같이 TypeScript 대신 사용할 수 없음을 의미합니다.useRef그 대신에, 를 사용해 주세요.typeof operator유형으로 변환하려면:

const circleRef = useRef<typeof AnimatedCircle | null>(null);

에서 같은 에러가 발생하고 있었습니다.

ReactDOM.render(
<App store={store} persistor={persistor} basename={PUBLIC_URL} />,
document.getElementById("root");

그리고 파일 이름을.tsx그래서 문제가 해결되었습니다.그 이유는, 당신이 그것을 사용할 때React또는ReactDOM파일 이름을 다음으로 변경해야 합니다..tsx대신ts.위해서JavaScript,.js이 아닌 이상 효과가 있다TypeScript,.ts작동하지 않습니다.

문제는 유형을 Import하려고 했는데 이를 사용하여 유형을 확장했다는 것입니다.

import type ResultMap form...

하려고 했다Promise<typeof ResultMap>

근데 이게 안 되면...

클래스는 런타임에 값이 있고 디자인 타임에 유형이 있으며 사용방법은 상황에 따라 달라집니다.가져오기 유형을 사용하여 클래스를 가져올 때 클래스에서 확장과 같은 작업을 수행할 수 없습니다(출처: ts docs).

언급URL : https://stackoverflow.com/questions/55576953/useref-refers-to-a-value-but-is-being-used-as-a-type-here